search layoutw

css/components/islandora_mods.css

@@ -1,12 +1,77 @@
+/*collection/search header (def viewmode)*/
+.node--view-mode-full .node__content {
+  display: flex;
+  align-items: center;
+  gap: 1em;
+  padding-block-end: 0;
+  flex-direction: column;
+  .image img {
+    width: 200px;
+    max-width: 200px;
+    border: 1px solid #ccc;
+    padding: 4px;
+    border-radius: 4px;
+  }
+  .info {
+    .field {
+      margin-bottom: 0;
+      line-height: 1.8;
+    }
+  }
+}
 /* search block layout */
+.search-result-block {
+  margin-bottom: 1em;
+  padding-bottom: 1em;
+}
 .node--view-mode-search-index {
+  /* layout */
   display: flex;
+  align-items: center;
+
+  flex-direction: column;
   gap: 2em;
+
   header {
     order: 2;
   }
+
   .node__content {
     order: 1;
+    padding: 0;
+  }
+  /*image*/
+  .field--name-did-image img {
+    width: 200px;
+    border: 1px solid #ccc;
+    padding: 4px;
+    border-radius: 4px;
+  }
+  /* title/link */
+  .node__title {
+    margin: 0;
+    font-size: 1.5em;
+    a {
+      color: blue;
+      color: #093a6c;
+      text-decoration: underline;
+    }
+  }
+
+  /* need to remove these fields */
+  .field--name-field-description,
+  .field--name-field-extent,
+  .field--name-field-edtf-date-created,
+  .field--name-field-resource-type,
+  .field--name-field-member-of {
+    display: none;
+  }
+}
+
+@media (min-width: 600px) {
+  .node--view-mode-search-index,
+  .node--view-mode-full .node__content {
+    flex-direction: row;
   }
 }
 /* ======================== */
@@ -64,6 +129,7 @@ div#block-oliveskln-views-block-solr-search-content-block-1 {
   padding: 1em;
   display: flex;
   justify-content: flex-end;
+  background: #f6f7f8;
 }
 
 .view-solr-search-content .view-header {