diff --git a/src/components/Home/consumptionView.scss b/src/components/Home/consumptionView.scss index 4f96990537c99837afa157cdeee9c3d61bf11955..ff6b76363fa44ddd30bf3ed4de1916b8de7e6f53 100644 --- a/src/components/Home/consumptionView.scss +++ b/src/components/Home/consumptionView.scss @@ -21,8 +21,10 @@ width: 45.75rem; box-sizing: border-box; margin-top: 1rem; + margin-bottom: 2rem; @media #{$large-phone} { width: 100%; padding: 0rem 1rem 3rem 1rem; + margin-bottom: 0; } } diff --git a/src/components/ProfileType/profileTypeNavigation.scss b/src/components/ProfileType/profileTypeNavigation.scss index bbf073147f8758ba9757a64bcd4775e067123709..a3903835e5ca70d0be548327342453a9cee22d5e 100644 --- a/src/components/ProfileType/profileTypeNavigation.scss +++ b/src/components/ProfileType/profileTypeNavigation.scss @@ -14,7 +14,6 @@ padding: 0 0 env(safe-area-inset-bottom) 0; @media (min-width: $width-tablet) { background: none; - position: absolute; height: 3rem; } .rounded { diff --git a/src/styles/base/_layout.scss b/src/styles/base/_layout.scss index f0f737c9184f4eaed17de52e74406e069bba8ee6..78f6fb950cceaa5783949454e1b89d4cc1458004 100644 --- a/src/styles/base/_layout.scss +++ b/src/styles/base/_layout.scss @@ -26,6 +26,10 @@ body { display: flex; align-items: center; justify-content: center; + margin-left: 0; + @media #{$large-phone} { + margin-left: 1.25rem; + } } [role='banner'] .coz-bar-container {