diff --git a/css/components/islandora_mods.css b/css/components/islandora_mods.css index 4ee4de8..142601b 100755 --- a/css/components/islandora_mods.css +++ b/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; - flex-direction: row-reverse; + display: grid; + 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; - margin-right: 2rem; /* optional spacing between the two */ + grid-area: content; + } + .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; }