view people

css/components/islandora_mods.css

@@ -8,19 +8,78 @@
   grid-column-gap: var(--grid-gap);
 }
 
-.view-header.people_bio {
+.people_bio {
   grid-column: 1 / 12;
 }
 
-.view-content.related_books {
+.related_books {
   grid-column: 12 / 15;
 }
-.related_books h2 {
+.path-taxonomy div#block-olivesbooks-content {
+  grid-column: 2 / 15;
+}
+.related_books_block {
+  background: #ece8e3;
+  padding: 1rem;
+  border-radius: 5px;
+  border: 1px solid var(--border-dark);
+  h2 {
     font-size: var(--sidebar-title-size);
     margin: 0 0 1rem;
+    line-height: 1;
+    border-bottom: 4px double;
+  }
+  img {
+    width: 100%;
+    border: 1px solid #ddd;
+    padding: 4px;
+    background: #fff;
+  }
+  .views-view-grid__item {
+    justify-content: space-around;
+  }
+  .views-field-title {
+    text-align: center;
+    a {
+      text-decoration: none;
+      font-family: var(--font-serif);
+      text-align: center;
+    }
+  }
+}
+.page-node-type-islandora-object {
+  .sidebar-grid .grid-full {
+  }
+}
+@media (min-width: 62.5rem) {
+  .page-node-type-islandora-object .sidebar-grid > .site-main {
+    grid-column: 2 / 12;
+  }
+}
+@media (min-width: 62.5rem) {
+  .page-node-type-islandora-object .sidebar-grid .region--sidebar {
+    grid-column: 12 / 15;
+  }
+}
+#block-olivesbooks-views-block-related-people-block-1 {
+  h2 {
+    font-size: var(--sidebar-title-size);
+    line-height: 1;
+    border-bottom: 4px double;
+  }
+  a {
+    text-decoration: none;
+    font-family: var(--font-serif);
+    text-align: center;
+  }
+  .field--name-field-media-image {
+    img {
+      width: 100%;
+      border: 1px solid #ccc;
+      padding: 4px;
+      background: #fff;
+    }
   }
-.path-taxonomy div#block-olivesbooks-content {
-  grid-column: 2 / 15;
 }
 
 /* =============================================================================