Adjust cards; add answer bullet styles

eea · Nov 29, 2021 · 5d363af · 5d363af
1 parent 3b25537
commit 5d363af
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -797,8 +797,9 @@ div#page-document {
       clear: both;
 
       div.card-item {
-        flex-grow: 2;
-        flex-shrink: 1;
+        width: unset;
+        flex-grow: 1;
+        // flex-shrink: 1;
         border-radius: 0px;
 
         &.hovered .content {
@@ -1288,7 +1289,7 @@ div.ui.modal.facet {
 @media only screen and (min-width: 770px) {
   div.cards {
     div.card-item {
-      max-width: 500px !important;
+      max-width: 400px !important;
       flex-basis: 230px;
     }
   }
@@ -1443,6 +1444,23 @@ div.answers-section {
 
     .answers-list {
       // margin-top: 3em;
+      //
+      .answers-bullets {
+        display: flex;
+
+        .bullet {
+          width: 1em;
+          height: 1em;
+          background-color: @secondaryColor;
+          border-radius: 2px;
+          margin-right: 0.8em;
+          cursor: pointer;
+
+          &.active {
+            background-color: @primaryColor;
+          }
+        }
+      }
 
       .answers__loading {
         margin-bottom: 2em !important;