diff --git a/opentech/static_src/src/app/src/components/GroupedListing/styles.scss b/opentech/static_src/src/app/src/components/GroupedListing/styles.scss index 7ca14912ff7eb2907e905bcdcced9528b88a71bf..db881d048ddc84149bf98a527dde386dd036aba3 100644 --- a/opentech/static_src/src/app/src/components/GroupedListing/styles.scss +++ b/opentech/static_src/src/app/src/components/GroupedListing/styles.scss @@ -1,13 +1,15 @@ .grouped-listing { - height: 98vh; + height: 100vh; + display: flex; + flex-direction: column; - @include media-query(laptop-short) { - // allow for vertical scrolling on laptops + @include media-query(tablet-landscape) { height: calc(100vh - var(--header-admin-height)); } - display: flex; - flex-direction: column; + @include media-query(laptop-short) { + height: 100vh; + } &__dropdown { @include submission-list-item; diff --git a/opentech/static_src/src/app/src/components/SubmissionDisplay/styles.scss b/opentech/static_src/src/app/src/components/SubmissionDisplay/styles.scss index e9ed5475a73561ff6a82c6c0240e52916b44b6db..fd9cee4344330e9c523aa1d9cdcc3ce57c20bdd6 100644 --- a/opentech/static_src/src/app/src/components/SubmissionDisplay/styles.scss +++ b/opentech/static_src/src/app/src/components/SubmissionDisplay/styles.scss @@ -1,11 +1,13 @@ .application-display { - height: calc(100vh - #{$listing-header-height}); + height: 100vh; overflow-y: scroll; padding: 20px; - @include media-query(laptop-short) { - // allow for vertical scrolling on laptops + @include media-query(tablet-landscape) { height: calc(100vh - var(--header-admin-height) - #{$listing-header-height}); } + @include media-query(laptop-short) { + height: calc(100vh - #{$listing-header-height}); + } } diff --git a/opentech/static_src/src/app/src/components/Tabber/styles.scss b/opentech/static_src/src/app/src/components/Tabber/styles.scss index 52e8c5a1a63a75e1009cfed803a583a4594f56c7..bbb0652a76a4736bfaf93c76235a72a57ef3ecaa 100644 --- a/opentech/static_src/src/app/src/components/Tabber/styles.scss +++ b/opentech/static_src/src/app/src/components/Tabber/styles.scss @@ -57,9 +57,11 @@ overflow-y: auto; height: calc(100vh - #{$listing-header-height}); - @include media-query(laptop-short) { - // allow for vertical scrolling on laptops + @include media-query(tablet-landscape) { height: calc(100vh - var(--header-admin-height) - #{$listing-header-height}); } + @include media-query(laptop-short) { + height: calc(100vh - #{$listing-header-height}); + } }