CSS polishments

eea · Feb 9, 2023 · c5784f1 · c5784f1
1 parent 2ff1941
commit c5784f1
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 11 deletions.
diff --git a/searchlib/components/Result/HorizontalCardItem.jsx b/searchlib/components/Result/HorizontalCardItem.jsx
@@ -27,7 +27,7 @@ const ExtraContent = (props) => {
         </div>
       </div>
       <div>
-        <div className="result-info">
+        <div className="result-info result-source">
           <span className="result-info-title">Source: </span>
           <ExternalLink href={result.href}>
             <strong title={result.source} className="source">

diff --git a/src/SearchBlock/less/landingpage.less b/src/SearchBlock/less/landingpage.less
@@ -60,12 +60,18 @@
       }
 
       @media only screen and (min-width: 900px) {
-        // max-width: 950px;
         column-count: 2;
         column-gap: 2.5em;
       }
     }
 
+    &.cluster_name {
+      .ui.list .count {
+        display: block;
+        margin: 0;
+      }
+    }
+
     // .ui.cards {
     //   .ui.card {
     //     margin-top: 2em;

diff --git a/src/SearchBlock/less/searchresult.less b/src/SearchBlock/less/searchresult.less
@@ -18,23 +18,27 @@
   .slot-head {
     display: flex;
     flex-direction: row;
-  }
 
-  .listing-header {
-    display: flex;
+    .listing-header {
+      display: flex;
 
-    .ui.label {
-      margin: 0 0.5em;
-      font-size: 0.75rem;
+      .ui.label {
+        margin: 0 0.5em;
+        font-size: 0.75rem;
+      }
     }
   }
 
+  .slot-bottom {
+    margin-top: 1.5em;
+  }
+
   .result-bottom {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-    margin-top: 1.5em;
-    gap: 4em;
+    column-gap: 4em;
+    row-gap: 1em;
 
     @media only screen and (max-width: @largestMobileScreen) {
       flex-direction: column;
@@ -46,9 +50,12 @@
     }
   }
 
+  .result-source {
+    margin-top: 1em;
+  }
+
   .result-info {
     display: flex;
-    margin-bottom: 1em;
     color: @midlightGray;
     font-size: 14px;
     gap: 0.5em;