Fixups for search results page

SU-SWS · May 2, 2024 · c9d3c3b · c9d3c3b
1 parent b672311
commit c9d3c3b
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 41 deletions.
diff --git a/dist/css/chem_h_subtheme.css b/dist/css/chem_h_subtheme.css
diff --git a/src/scss/components/search/_search-results-page.scss b/src/scss/components/search/_search-results-page.scss
@@ -43,58 +43,61 @@
 
     .view {
       &.search, &.results {
-        .views-row {
-          h2 {
-            line-height: 100%;
-            font-weight: 700;
-            letter-spacing: -1px;
-            margin-bottom: 1.5rem;
-
-            a {
-              font-size: 28px;
-              text-decoration: underline;
-            }
+
+        // Overwrite base style
+        .su-list-unstyled {
+          >li {
+            @include responsive-spacing('margin-bottom', 3);
           }
         }
 
-        @include grid-media-min('md') {
-          .views-row {
-            display: grid;
-            grid-template-columns: 2fr 1fr;
-          }
+        .views-field-title {
+          order: 1;
         }
 
-        .views-field {
-          &.views-field-title {
-            order: 1;
-          }
+        h2 {
+          line-height: 100%;
+          font-weight: 700;
+          letter-spacing: -1px;
+          margin-bottom: 1.5rem;
 
-          &.views-field-search-api-excerpt  {
-            order: 3;
-            grid-column: span 2;
-            @include type-d;
+          a {
+            font-size: 28px;
+            text-decoration: underline;
           }
+        }
+
+        .views-field-search-api-excerpt  {
+          @include type-d;
+          order: 3;
+          grid-column: span 2;
+          margin-bottom: unset;
+        }
 
-          &.views-field-changed  {
-            order: 2;
-            display: flex;
-            font-size: 20px;
-            margin-top: 2rem;
-            font-weight: 300;
+        .views-field-changed  {
+          order: 2;
+          display: flex;
+          font-size: 20px;
+          margin-top: 2rem;
+          font-weight: 300;
 
-            @include grid-media-min('sm') {
-              margin-top: 1rem;
-            }
+          @include grid-media-min('sm') {
+            margin-top: 1rem;
+          }
 
-            span.views-label-changed {
-              margin-right: 10px;
-            }
+          span.views-label-changed {
+            margin-right: 10px;
+          }
+        }
+
+        @include grid-media-min('lg') {
+          li {
+            display: grid;
+            grid-template-columns: 2fr 1fr;
           }
 
-          @include grid-media-min('md') {
-            &.views-field-changed {
-              justify-content: flex-end;
-            }
+          .views-field-changed {
+            justify-content: flex-end;
           }
         }
       }