diff --git a/front-end/src/App.vue b/front-end/src/App.vue index afb2966..56baa12 100644 --- a/front-end/src/App.vue +++ b/front-end/src/App.vue @@ -277,7 +277,6 @@ main { gap: var(--wac--semantic-spacing--tertiary); z-index: 999; padding-bottom: 6px; - margin-bottom: var(--wac--semantic-spacing--tertiary); } .search-input-wrapper { diff --git a/front-end/src/assets/base.css b/front-end/src/assets/base.css index 1217beb..3387368 100644 --- a/front-end/src/assets/base.css +++ b/front-end/src/assets/base.css @@ -265,6 +265,7 @@ button, .padded-view { padding-left: var(--wac--accessible-spacing--2x); padding-right: var(--wac--accessible-spacing--2x); + padding-top: var(--wac--accessible-spacing--2x); } .search-results { @@ -273,6 +274,7 @@ button, } @media screen and (min-width: 768px) and (max-width: 1460px) { + body { padding: var(--wac--semantic-spacing--primary); } @@ -291,6 +293,7 @@ button, grid-template-columns: 1fr 1fr; gap: 1rem; margin: 0px; + max-width: none; overflow-x: scroll; } } @@ -318,4 +321,4 @@ button, max-width: 650px; overflow-x: scroll; } -} +} \ No newline at end of file diff --git a/front-end/src/components/ResourceDetailItem.vue b/front-end/src/components/ResourceDetailItem.vue index b59e36a..4d15fb5 100644 --- a/front-end/src/components/ResourceDetailItem.vue +++ b/front-end/src/components/ResourceDetailItem.vue @@ -85,6 +85,7 @@ const resolvedImageUrls = computed(() => .resource-detail-item-image > img { width: 100%; height: 100%; + max-height: 600px; background-color: white; padding: var(--wac--accessible-spacing--1x) var(--wac--accessible-spacing--1x) var(--wac--accessible-spacing--4x) var(--wac--accessible-spacing--1x); diff --git a/front-end/src/components/SearchList.vue b/front-end/src/components/SearchList.vue index 84d6ea8..09a7a5f 100644 --- a/front-end/src/components/SearchList.vue +++ b/front-end/src/components/SearchList.vue @@ -236,6 +236,7 @@ const filteredResources = computed(() => background-color: none; width: auto; } + } @media screen and (min-width: 1460px) {