From 296f4e07ce0f0948c3bb88e041d691039e29a6d1 Mon Sep 17 00:00:00 2001
From: Zainab Amir <zainab.amir@arbisoft.com>
Date: Thu, 22 Apr 2021 19:33:57 +0500
Subject: [PATCH] Fix form padding and margins (#255)

---
 src/_style.scss                                  | 2 ++
 src/common-components/LargeScreenRightLayout.jsx | 4 ++--
 src/common-components/Logistration.jsx           | 2 +-
 src/common-components/MediumScreenLayout.jsx     | 4 ++--
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/_style.scss b/src/_style.scss
index 8db4bd1e..8e471aad 100644
--- a/src/_style.scss
+++ b/src/_style.scss
@@ -16,6 +16,7 @@ $apple-focus-black: $apple-black;
 $accent-a-light: #c9f2f5;
 
 .main-content {
+  @extend .pt-4;
   min-width: 464px !important;
 }
 
@@ -353,6 +354,7 @@ select.form-control {
 
   .main-content {
     min-width: 100vw !important;
+    padding: 1.5rem !important;
   }
 }
 
diff --git a/src/common-components/LargeScreenRightLayout.jsx b/src/common-components/LargeScreenRightLayout.jsx
index 43ccad9e..d493b89d 100644
--- a/src/common-components/LargeScreenRightLayout.jsx
+++ b/src/common-components/LargeScreenRightLayout.jsx
@@ -7,8 +7,8 @@ const LargeScreenRightLayout = (props) => {
   const { children } = props;
 
   return (
-    <Col xs={6} className="min-vh-100 d-flex justify-content-center mt-5">
-      { children }
+    <Col xs={6} className="min-vh-100 d-flex justify-content-center">
+      <div className="mt-5">{ children }</div>
     </Col>
   );
 };
diff --git a/src/common-components/Logistration.jsx b/src/common-components/Logistration.jsx
index 99d43158..50e0913c 100644
--- a/src/common-components/Logistration.jsx
+++ b/src/common-components/Logistration.jsx
@@ -23,7 +23,7 @@ const Logistration = (props) => {
           {intl.formatMessage(messages['logistration.login'])}
         </Link>
       </span>
-      <div id="main-content" className="p-2 main-content">
+      <div id="main-content" className="main-content">
         {selectedPage === LOGIN_PAGE ? <LoginPage /> : <RegistrationPage />}
       </div>
     </div>
diff --git a/src/common-components/MediumScreenLayout.jsx b/src/common-components/MediumScreenLayout.jsx
index dd6f0f59..7a0abb9d 100644
--- a/src/common-components/MediumScreenLayout.jsx
+++ b/src/common-components/MediumScreenLayout.jsx
@@ -9,8 +9,8 @@ const MediumScreenLayout = (props) => {
   return (
     <>
       <MediumScreenHeader />
-      <div className="mt-5 d-flex align-items-center justify-content-center">
-        { children }
+      <div className="d-flex align-items-center justify-content-center">
+        <div className="mt-5">{ children }</div>
       </div>
     </>
   );