Refs #140518 - Better solution for horizontal divider of groups.

eea · Nov 4, 2021 · d83a4fc · d83a4fc
1 parent ddb8b62
commit d83a4fc
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -805,17 +805,19 @@ div.ui.modal.facet {
     width: 100% !important;
   }
 
-  div.by-letters {
-    div.letters-heading {
-      border-bottom: 1px solid @sf-light-gray;
-      margin-bottom: 10px;
-      margin-left: 25px;
+  div.by-groups {
+    .group-heading {
+      display: flex;
+      align-items: center;
+      --text-divider-gap: 0.5em;
+    }
 
-      span {
-        position: relative;
-        top: 10px;
-        left: -20px;
-      }
+    .group-heading::after {
+      height: 1px;
+      flex-grow: 1;
+      margin-left: var(--text-divider-gap);
+      background-color: @sf-light-gray;
+      content: '';
     }
   }