Refs #140518 - Improve section tabs spacing on smaller screens.

eea · Dec 20, 2021 · 1ca76e0 · 1ca76e0
1 parent f0a998e
commit 1ca76e0
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/src/SearchBlock/less/styles.less b/src/SearchBlock/less/styles.less
@@ -1262,6 +1262,26 @@ div#page-document {
   }
 }
 
+@media screen and (min-width: 1000px) and (max-width: 1300px) {
+  div.content-section-tabs.menu {
+    a.item {
+      margin-right: 1.5em !important;
+    }
+  }
+}
+
+@media screen and (max-width: 1000px) {
+  div.content-section-tabs.menu {
+    a.item {
+      margin-right: 0.5em !important;
+
+      span.count {
+        font-size: 10px !important;
+      }
+    }
+  }
+}
+
 @media screen and (max-width: 600px) {
   .ui.basic.segment.content-area .ui.container#page-document {
     padding: 0px 5px 0px 5px !important;