Merge pull request #2812 from projectblacklight/search-result-flex

Use flexbox for search result document styling; part of #2781
projectblacklight · Sep 27, 2022 · 97370c0 · 97370c0
2 parents e99e24f + 73933b7
commit 97370c0
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/app/assets/stylesheets/blacklight/_search_results.scss b/app/assets/stylesheets/blacklight/_search_results.scss
@@ -1,7 +1,7 @@
 // the search results on the index view of the catalog
 .documents-list {
   .document {
-    @extend .clearfix;
+    display: flex;
     border-bottom: 1px dotted $table-border-color;
     margin-top: $spacer;
     padding-top: $spacer;
@@ -10,6 +10,10 @@
       @extend h5;
     }
 
+    .document-main-section {
+      flex-grow: 1;
+    }
+
     // bookmarks checkbox on index, give it some
     // lower margin when it collapses
     .index-document-functions {
@@ -21,7 +25,7 @@
     }
 
     .document-thumbnail {
-      float: right;
+      flex-grow: 0;
       margin-bottom: ($spacer * 3);
       padding-left: ($spacer * 3);
     }