From 7c76ecb15f495a237ae56fe697ca01bc26d20fc9 Mon Sep 17 00:00:00 2001
From: rdrew <rdrew@upei.ca>
Date: Wed, 20 May 2026 16:17:44 -0300
Subject: [PATCH] media queries for the grid

---
 css/components/islandora_mods.css | 46 ++++++++++++++++++-------------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css
index f756879..510dbc6 100755
--- a/css/components/islandora_mods.css
+++ b/css/components/islandora_mods.css
@@ -8,33 +8,30 @@
     border: 1px solid #ccc;
   }
 }
-.node--type-islandora-object .field--label-inline > .field__item {
-  display: table;
-}
 .lva iframe.pdf {
   height: 1000px;
   border: 1px solid #ccc;
 }
-.lva .view-grid > .view-content {
+.view-grid > .view-content {
   display: grid;
   grid-template-columns: 1fr; /* mobile: single column */
 }
 
 @media (min-width: 600px) {
-  .lva .view-grid > .view-content {
+  .view-grid > .view-content {
     grid-template-columns: repeat(2, 1fr); /* tablet portrait: 2 across */
   }
 }
 
 @media (min-width: 900px) {
-  .lva .view-grid > .view-content {
+  .view-grid > .view-content {
     grid-template-columns: repeat(3, 1fr); /* tablet landscape: 3 across */
   }
 }
 
 @media (min-width: 1200px) {
-  .lva .view-grid > .view-content {
-    grid-template-columns: repeat(4, 1fr); /* desktop: 4 across */
+  .view-grid > .view-content {
+    grid-template-columns: repeat(3, 1fr); /* desktop: 4 across */
   }
 }
 /*=======================*/
@@ -138,7 +135,7 @@ div#block-views-block-media-display-blocks-source {
     padding-bottom: 5px;
   }
   .field__label {
-    width: 250px;
+    /* width: 250px; */
   }
 }
 .page-node-type-islandora-object {
@@ -146,18 +143,29 @@ div#block-views-block-media-display-blocks-source {
     margin-block-end: 0 !important;
   }
 }
-.field--name-field-abstract,
-.field--name-field-note,
-.field.field--name-field-rights {
-  display: flex;
-  .field__items {
-    float: none;
+
+@media (min-width: 600px) {
+  .node--type-islandora-object {
+    .field__label {
+      width: 250px;
+    }
   }
-  .field__label {
-    flex: none;
+  .node--type-islandora-object .field--label-inline > .field__item {
+    display: table;
   }
-  .field__item {
-    line-height: 1.6;
+  .field--name-field-abstract,
+  .field--name-field-note,
+  .field.field--name-field-rights {
+    display: flex;
+    .field__items {
+      float: none;
+    }
+    .field__label {
+      flex: none;
+    }
+    .field__item {
+      line-height: 1.6;
+    }
   }
 }
 div#block-citation-select-block {