seach tiles restyle

css/components/islandora_mods.css

@@ -166,39 +166,44 @@ iframe.pdf {
   /*=======================*/
   --image-width: 100%;
   --image-height: 250px;
-  --border-width: 4px;
-  --line-height: 1.3;
-  --main-bg-color: var(--color--bdh-red);
-  --border-color: var(--color--bdh-red);
+  --border-width: 1px;
+  --line-height: 1.4;
+  /*--main-bg-color: var(--color--bdh-red);*/
+  --main-bg-color: #fff;
+  --border-color: #ccc;
   --field-bg: #fff;
   /*=======================*/
   /*=======================*/
   .views-field-did-image {
     img {
       width: var(--image-width);
-      padding: var(--border-width);
+      /*padding: var(--border-width);*/
     }
-    height: var(--image-height);
+    /*height: var(--image-height);*/
     overflow: hidden;
   }
   .search-result_inner-wrapper {
     /*display: none;*/
+    padding: 8px;
+    border: var(--border-width) solid var(--border-color);
     background: var(--main-bg-color);
-    border-radius: var(--border-width);
+    border-radius: 4px;
     transition: box-shadow 0.2s;
-    &:hover {
-      box-shadow: 0px 4px 11px 1px rgba(0, 0, 0, 0.44);
-    }
+    box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%);
+    /*&:hover {*/
+      /*box-shadow: 0px 4px 11px 1px rgba(0, 0, 0, 0.44);*/
+    /*}*/
   }
   /*title*/
   .views-field-title {
     background: var(--field-bg);
-    border: var(--border-width) solid var(--border-color);
+    /*border: var(--border-width) solid var(--border-color);*/
     padding: var(--border-width) var(--border-width);
     h4 {
       margin: 0;
       font-weight: bold;
       line-height: var(--line-height);
+      font-size: 1em;
       a {
         text-decoration: none;
       }
@@ -209,10 +214,11 @@ iframe.pdf {
       .views-field-did-image
     ) {
     background: var(--field-bg);
-    border: var(--border-width) solid var(--color--bdh-red);
+    /*border: var(--border-width) solid var(--color--bdh-red);*/
+    border-bottom: var(--border-width) dotted var(--color--bdh-red);
     border-top: 0;
-    border-bottom-right-radius: var(--border-width);
-    border-bottom-left-radius: var(--border-width);
+    /*border-bottom-right-radius: var(--border-width);*/
+    /*border-bottom-left-radius: var(--border-width);*/
     padding: var(--border-width);
     line-height: var(--line-height);
     a {
@@ -221,6 +227,7 @@ iframe.pdf {
   }
   span.views-label {
     font-weight: bold;
+    font-family: var(--font-serif);
     /*display: block;*/
   }
 }
@@ -274,7 +281,6 @@ div#block-olivesbdh-solrsearchcontentsearchresultspagerforblock {
   }
 }
 span.file.file--mime-application-pdf.file--application-pdf a {
-      
   display: inline-block;
   height: var(--sp2);
   margin-block: var(--sp1);

css/components/pager.css

@@ -10,7 +10,8 @@
  * Styles for pagination.
  */
 
-#block-olivesbdh-solrsearchcontentsearchresultspagerforcollectionmembers .pager__group {
+#block-olivesbdh-solrsearchcontentsearchresultspagerforcollectionmembers
+  .pager__group {
   justify-content: space-around;
 }
 .pager__items {
@@ -89,15 +90,15 @@
 .pager__item--next svg,
 .pager__item--last svg {
   transform: rotate(180deg);
+}
+.pager__item {
+
 }
 .pager__link {
   border: 1px solid;
   transition: all, 0.2s, ease-in-out;
-    min-width: 1.75em
-28px
-;
+  min-width: 1.75em 28px;
   padding: 0.125rem 0.4375rem 0;
   margin: 5px;
   width: var(--sp3);
-
 }