Fix the padding of box in Register

LiskHQ · Apr 3, 2018 · d4357fd · d4357fd
1 parent 62120a8
commit d4357fd
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/src/components/register/register.css b/src/components/register/register.css
@@ -8,15 +8,24 @@
   & > div {
     height: 100%;
     overflow: hidden;
-    margin-right: -48px;
-    margin-left: -48px;
+    margin-right: calc(-1 * var(--box-padding-left-XL));
+    margin-left: calc(-1 * var(--box-padding-left-XL));
   }
 }
 
 .hasPaddingTop {
   padding-top: var(--padding-top);
 }
 
+@media (--large-viewport) {
+  .hasPaddingTop {
+    & > div {
+    margin-right: calc(-1 * var(--box-padding-left-L));
+    margin-left: calc(-1 * var(--box-padding-left-L));
+    }
+  }
+}
+
 @media (--medium-viewport) {
   .hasPaddingTop {
     height: 100vh; /* stylelint-disable-line */
@@ -28,8 +37,8 @@
     padding-top: var(--box-padding);
 
     & > div {
-      margin-right: 0px;
-      margin-left: 0px;
+    margin-right: calc(-1 * var(--box-padding-left-M));
+    margin-left: calc(-1 * var(--box-padding-left-M));
     }
   }
 }