diff --git a/src/sass/popups.scss b/src/sass/popups.scss index bea02da5e..5fc36c310 100644 --- a/src/sass/popups.scss +++ b/src/sass/popups.scss @@ -613,11 +613,13 @@ padding: 2rem; display: grid; gap: 1rem; - width: 1000px; grid-template-rows: auto auto auto auto auto auto auto auto auto; height: auto; max-height: 40rem; overflow-y: scroll; + width: calc(100% - 4rem); + margin-left: 2rem; + max-width: 800px; label { color: var(--sub-color); diff --git a/src/sass/z_media-queries.scss b/src/sass/z_media-queries.scss index a29f11293..c7ea0f6ea 100644 --- a/src/sass/z_media-queries.scss +++ b/src/sass/z_media-queries.scss @@ -70,6 +70,18 @@ // line-height: 1.5rem !important; // } // } + #bannerCenter .banner .container { + grid-template-columns: 1fr auto; + .image { + display: none; + } + .lefticon { + display: none; + } + .text { + margin-left: 2rem; + } + } .merchBanner { img { display: none; @@ -105,18 +117,6 @@ grid-template-columns: 1fr 1fr 1fr; justify-items: center; } - #bannerCenter .banner .container { - grid-template-columns: 1fr auto; - .image { - display: none; - } - .lefticon { - display: none; - } - .text { - margin-left: 2rem; - } - } #centerContent { #top { grid-template-areas: @@ -393,6 +393,13 @@ width: 90vw; } + #quoteReportPopup { + width: calc(100% - 2rem); + margin-left: 1rem; + max-width: 800px; + padding: 1rem; + } + .pageSettings { .settingsGroup.quickNav { display: none;