seach tiles restyle

css/components/islandora_mods.css

@@ -1,5 +1,5 @@
 iframe.pdf {
-    height: 1380px;
+  height: 1380px;
 }
 .node__content video {
   width: 100%;
@@ -166,39 +166,44 @@ iframe.pdf {
   /*=======================*/
   --image-width: 100%;
   --image-height: 250px;
-  --border-width: 4px;
+  --border-width: 1px;
-  --line-height: 1.3;
+  --line-height: 1.4;
-  --main-bg-color: var(--color--bdh-red);
+  /*--main-bg-color: var(--color--bdh-red);*/
-  --border-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 5px 11px -2px rgb(0 0 0 / 39%);
-      box-shadow: 0px 4px 11px 1px rgba(0, 0, 0, 0.44);
+    /*&: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-right-radius: var(--border-width);*/
-    border-bottom-left-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,35 +281,34 @@ div#block-olivesbdh-solrsearchcontentsearchresultspagerforblock {
   }
 }
 span.file.file--mime-application-pdf.file--application-pdf a {
-      
+  display: inline-block;
-    display: inline-block;
+  height: var(--sp2);
-    height: var(--sp2);
+  margin-block: var(--sp1);
-    margin-block: var(--sp1);
+  margin-inline-start: 0;
-    margin-inline-start: 0;
+  margin-inline-end: var(--sp1);
-    margin-inline-end: var(--sp1);
+  padding-block: calc((var(--sp3) - var(--line-height-s)) / 2);
-    padding-block: calc((var(--sp3) - var(--line-height-s)) / 2);
+  padding-inline: var(--sp1-5);
-    padding-inline: var(--sp1-5);
+  cursor: pointer;
-    cursor: pointer;
+  text-align: center;
-    text-align: center;
+  -webkit-text-decoration: none;
-    -webkit-text-decoration: none;
+  text-decoration: none;
-    text-decoration: none;
+  color: var(--color-text-primary-medium);
-    color: var(--color-text-primary-medium);
+  border: solid 2px currentColor;
-    border: solid 2px currentColor;
+  border-radius: var(--border-radius);
-    border-radius: var(--border-radius);
+  background-color: var(--color--white);
-    background-color: var(--color--white);
+  font-family: var(--font-sans);
-    font-family: var(--font-sans);
+  font-size: var(--font-size-l);
-    font-size: var(--font-size-l);
+  font-weight: 700;
-    font-weight: 700;
+  -webkit-appearance: none;
-    -webkit-appearance: none;
+  appearance: none;
-    appearance: none;
+  -webkit-font-smoothing: antialiased;
-    -webkit-font-smoothing: antialiased;
+  display: inline-flex;
-          display: inline-flex;
+  align-items: center;
-        align-items: center;
+  padding-block: 1px 0;
-        padding-block: 1px 0;
+  padding-inline: var(--sp1-5);
-        padding-inline: var(--sp1-5);
+  line-height: var(--line-height-s);
-        line-height: var(--line-height-s);
 }
 span.file.file--mime-application-pdf.file--application-pdf:before {
-    content: "Download PDF:  ";
+  content: "Download PDF:  ";
-        font-size:1.3em;
+  font-size: 1.3em;
 }

css/components/pager.css

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