diff --git a/src/fmg-components/funnel-header/menu-modal/menu-modal.vue b/src/fmg-components/funnel-header/menu-modal/menu-modal.vue index ffd3352ee..aac390739 100644 --- a/src/fmg-components/funnel-header/menu-modal/menu-modal.vue +++ b/src/fmg-components/funnel-header/menu-modal/menu-modal.vue @@ -158,7 +158,6 @@ export default { } .modal { &.menu-modal { - max-width: 576px; left: auto; height: calc(100% - 72px); top: 72px; @@ -175,7 +174,6 @@ export default { } .modal-fullscreen { width: 100vw; - max-width: 576px; } .navigation-link { margin-bottom: 1.5rem; @@ -188,7 +186,7 @@ export default { position: absolute; padding: 1.47rem 1rem 1.47rem 1.47rem; right: 0; - top: -4.5rem; + top: -5rem; button { border: none; &.menu-button { diff --git a/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue b/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue index 801987e31..af6a30fdb 100644 --- a/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue +++ b/src/fmg-components/layouts/questions-page-layout/questions-page-layout.vue @@ -1,34 +1,46 @@ diff --git a/src/fmg-components/nav-bar/nav-bar.vue b/src/fmg-components/nav-bar/nav-bar.vue index bb0cbc399..5aaef60f4 100644 --- a/src/fmg-components/nav-bar/nav-bar.vue +++ b/src/fmg-components/nav-bar/nav-bar.vue @@ -93,6 +93,7 @@ export default { .nav-bar { overflow: visible; display: flex; + padding: 0; a { display: flex; justify-content: center; diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss index 9c886d30f..86a98c94c 100644 --- a/src/styles/common-styles.scss +++ b/src/styles/common-styles.scss @@ -6,6 +6,7 @@ body { color: #4d5151; .container-fluid { max-width: 1400px; + padding: 0 1.5rem; .prevent-squish { overflow-x: unset; }