sidebars

css/components/islandora_mods.css

@@ -358,16 +358,6 @@ details.views-view-newspaper-group li.views-row {
 .media-download > .view-content {
   columns: 1;
 }
-@media (min-width: 68.75rem) {
-  /* 1100px */
-  .media-download > .view-content {
-    /* columns: 2; */
-  }
-  /* .accordion-view > .view-content, */
-  /* .media-download > .view-content { */
-  /*   columns: 2; */
-  /* } */
-}
 details.views-view-newspaper-group summary,
 .block-views-blockdownload-media-issue-block-1 summary.main,
 .media-download details.views-view-newspaper-group summary {
@@ -523,28 +513,34 @@ nav.pager {
    Side bar views layout
    ============================================================ */
 @media (min-width: 1000px) {
+  .newspaper-directory,
   .accordion-view {
-    display: flex;
+    display: grid;
-    flex-direction: row-reverse;
+    grid-template-columns: 1fr 360px;
+    gap: 2em;
+    grid-template-areas:
+      "content filters"
+      "pager   pager";
   }
   .newspaper-directory {
-    display: flex;
-    flex-direction: row-reverse;
   }
   .accordion-view .view-filters,
   .newspaper-directory .view-filters {
-    flex: 0 0 360px;
+    grid-area: filters;
   }
 
   .accordion-view .view-content,
   .newspaper-directory .view-content {
-    flex: 1;
+    grid-area: content;
-    margin-right: 2rem; /* optional spacing between the two */
+  }
+  .accordion-view .pager {
+    grid-area: pager;
   }
   .accordion-view form#views-exposed-form-newspapers-view-block-1 {
     margin-top: 0;
   }
 }
+
 #block-views-block-newspapers-view-block-1 {
   grid-column: 2 / 15;
 }