diff --git a/src/components/confirmVotes/confirmVotes.css b/src/components/confirmVotes/confirmVotes.css index fa286810bf..2d6f078d2a 100644 --- a/src/components/confirmVotes/confirmVotes.css +++ b/src/components/confirmVotes/confirmVotes.css @@ -37,6 +37,10 @@ } @media (--medium-viewport) { + .wrapper { + margin: 0 calc(-1 * var(--box-padding-left-M)); + } + .confirmButton { display: none; } diff --git a/src/components/votesPreview/votesPreview.css b/src/components/votesPreview/votesPreview.css index 25ddf21690..c2a238bbdb 100644 --- a/src/components/votesPreview/votesPreview.css +++ b/src/components/votesPreview/votesPreview.css @@ -218,7 +218,7 @@ } & .footerWrapper { - margin: 0; + margin: 0 calc(-1 * var(--box-padding-left-M)); & .button { width: 100%; diff --git a/src/components/voting/voting.css b/src/components/voting/voting.css index 09ab2f7b24..3d50f87b69 100644 --- a/src/components/voting/voting.css +++ b/src/components/voting/voting.css @@ -13,8 +13,13 @@ .wrapper { margin: 0; - & > section { + & > section, + & > aside { + padding: 0; width: 100%; + } + + & > section { height: calc(100vh - var(--submit-button-height) - var(--header-height-m) - var(--footer-height-m)); /* stylelint-disable-line */ position: relative; } @@ -24,7 +29,6 @@ z-index: 2; left: 0; bottom: var(--footer-height-m); - width: 100%; max-height: 100%; height: 95px; }