From 38f7c8fdd94a7bc7a26809a256bbf37844d4417b Mon Sep 17 00:00:00 2001
From: rdrew <rdrew@upei.ca>
Date: Mon, 22 Jun 2026 12:24:34 -0300
Subject: [PATCH] view people

---
 css/components/islandora_mods.css | 71 ++++++++++++++++++++++++++++---
 1 file changed, 65 insertions(+), 6 deletions(-)

diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css
index ec548e6..66a6962 100755
--- a/css/components/islandora_mods.css
+++ b/css/components/islandora_mods.css
@@ -8,20 +8,79 @@
   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 {
-  font-size: var(--sidebar-title-size);
-  margin: 0 0 1rem;
-}
 .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;
+    }
+  }
+}
 
 /* =============================================================================
    Collection Grid