WCMS-9671: Update styling for dataset updated date in mobile view (#130)

GetDKAN · Aug 2, 2023 · 778d555 · 778d555
1 parent ab443a5
commit 778d555
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@civicactions/cmsds-open-data-components",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Components for the open data catalog frontend using CMS Design System",
   "main": "dist/main.js",
   "source": "src/index.ts",

diff --git a/src/components/DatasetSearchListItem/index.jsx b/src/components/DatasetSearchListItem/index.jsx
@@ -28,7 +28,7 @@ const DatasetSearchListItem = ({ item, updateFacets }) => {
   return (
     <div className="dc-dataset-searchlist-item ds-u-border-top--1 ds-u-margin-bottom--5">
       <div className="ds-l-row ds-u-padding-top--5">
-        <div className="ds-l-col--7">
+        <div className="ds-l-sm-col--7 ds-l-col--12">
           {theme && (
             <ul className="ds-u-padding--0 ds-u-display--flex ds-u-flex-direction--row ds-u-flex-wrap--wrap">
               {theme.map((t) => (
@@ -39,7 +39,7 @@ const DatasetSearchListItem = ({ item, updateFacets }) => {
             </ul>
           )}
         </div>
-        <span className="ds-l-col--5 ds-u-color--gray ds-u-text-align--right">
+        <span className="ds-l-sm-col--5 ds-l-col--12 ds-u-color--gray ds-u-sm-text-align--right">
           Updated <TransformedDate date={modified} />
         </span>
       </div>