Refs #139198 - Horizontal card - improve styles.

eea · Oct 11, 2021 · 0956dd6 · 0956dd6
1 parent b7971a7
commit 0956dd6
Showing 1 changed file with 34 additions and 30 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -420,6 +420,37 @@ div#page-document {
       margin-top: 5px;
       clear: both;
 
+      div.col-full {
+        width: 100%;
+
+        div.meta {
+          margin-bottom: 5px;
+          font-size: 12px !important;
+
+          span.score {
+            padding: 0px 5px 0px 5px;
+            border: 1px solid @sf-light-gray2;
+            margin-right: 20px;
+            background: @sf-light-gray;
+            border-radius: 2px;
+          }
+
+          span.date {
+            margin-right: 20px;
+          }
+
+          span.tags {
+            margin-right: 10px;
+          }
+
+          i.icon {
+            margin-left: 3px;
+            background: @sf-light-gray;
+            line-height: 1em;
+          }
+        }
+      }
+
       div.col-right {
         max-width: 180px;
         float: right;
@@ -431,7 +462,7 @@ div#page-document {
         }
 
         img {
-          padding: 10px;
+          padding: 0px 10px 10px 10px;
         }
 
         div.controls {
@@ -448,37 +479,10 @@ div#page-document {
 
       div.col-left {
         width: calc(100% - 180px);
-        padding-top: 10px;
-        padding-left: 10px;
+        padding-top: 0px;
+        padding-left: 0px;
         float: left;
 
-        div.meta {
-          margin-bottom: 5px;
-          font-size: 12px !important;
-
-          span.score {
-            padding: 0px 5px 0px 5px;
-            border: 1px solid @sf-light-gray2;
-            margin-right: 20px;
-            background: @sf-light-gray;
-            border-radius: 2px;
-          }
-
-          span.date {
-            margin-right: 20px;
-          }
-
-          span.tags {
-            margin-right: 10px;
-          }
-
-          i.icon {
-            margin-left: 3px;
-            background: @sf-light-gray;
-            line-height: 1em;
-          }
-        }
-
         h3 {
           font-weight: 400;
         }