_pages.scss in blacklight-spotlight-3.0.0.alpha.3

- old
+ new

@@ -89,11 +89,10 @@
 }
 
 .contact-photo {
   border: 1px solid #ccc;
   border-radius: $border-radius;
-  float: left;
   margin-right: 15px;
   margin-top: 3px;
   max-height: 70px;
 }
 
@@ -109,16 +108,13 @@
     float: none;
     width: auto;
   }
 
   .items-col {
+    display: flex;
     margin-bottom: 1em;
     z-index: 1;
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: space-between;
-    align-content: stretch;
 
     @media (max-width: breakpoint-max("md")) {
       margin-bottom: $line-height-lg;
     }
   }
@@ -128,22 +124,20 @@
     flex: 1 0 25%;
     margin: auto;
     min-width: 25%;
     order: 1;
     padding: 5px;
-
-    @media (min-width: breakpoint-min("md")) and (max-width: breakpoint-max("lg")) {
-      min-width: 128px;
-    }
   }
 
   .img-thumbnail {
     border: 1px solid $gray-600;
-    width: 100%;
+    border-radius: 0;
     height: 110px;
     object-fit: cover;
     overflow: hidden;
+    padding: 0;
+    width: 100%;
 
     @media (min-width: breakpoint-min("lg")) {
       height: 160px; // default: no sidebar, no text column
       // reduce height if on a page with a sidebar or text column, because will be less wide
       .col-md-9 & {
@@ -163,19 +157,12 @@
   .item-0,
   .item-1,
   .item-2 {
     order: 0;
 
-    .thumbnail img {
-      height: 210px;
-      @media (min-width: breakpoint-min("lg")) {
-        height: 270px; // default: no sidebar, no text column
-        // reduce height if on a page with a sidebar or text column, because will be less wide
-        .col-md-9 & {
-          height: 230px;
-        }
-      }
+    .img-thumbnail {
+      height: 270px;
     }
   }
 }
 
 .preview-btn, .preview-exit-btn {
@@ -275,6 +262,7 @@
   padding-right: 2 * $padding-large-horizontal;
 }
 
 .zpr-link {
   @extend .btn-sm;
+  margin-top: $spacer * .75;
 }