Add negativ emargin to compensate the box padding

LiskHQ · Apr 4, 2018 · 3868c05 · 3868c05
1 parent 829125e
commit 3868c05
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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;
     }