From d4357fd495a541ee44ddab19cb844119d502361d Mon Sep 17 00:00:00 2001
From: reyraa <ali@lightcurve.io>
Date: Tue, 3 Apr 2018 11:34:08 +0200
Subject: [PATCH] Fix the padding of box in Register

---
 src/components/register/register.css | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/register/register.css b/src/components/register/register.css
index 55cb71bd0a..6144f2cdd4 100644
--- a/src/components/register/register.css
+++ b/src/components/register/register.css
@@ -8,8 +8,8 @@
   & > 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));
   }
 }
 
@@ -17,6 +17,15 @@
   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));
     }
   }
 }