From 84a2c51f9c68cd7eb4187736b83eabe02d81d82e Mon Sep 17 00:00:00 2001
From: Akshit Kr Nagpal <akshitkrnagpal@gmail.com>
Date: Wed, 25 Jul 2018 13:34:10 +0200
Subject: [PATCH] Replace px with em

---
 app/features/navbar/styled/DrawerContainer.js    | 2 +-
 app/features/settings/styled/Label.js            | 2 +-
 app/features/settings/styled/ToggleContainer.js  | 2 +-
 app/features/settings/styled/TogglesContainer.js | 2 +-
 app/features/welcome/styled/Form.js              | 4 ++--
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/features/navbar/styled/DrawerContainer.js b/app/features/navbar/styled/DrawerContainer.js
index 8f4a2dc..3b28270 100644
--- a/app/features/navbar/styled/DrawerContainer.js
+++ b/app/features/navbar/styled/DrawerContainer.js
@@ -4,5 +4,5 @@ import styled from 'styled-components';
 
 export default styled.div`
     margin-right: 68px;
-    padding: 0 8px;
+    padding: 0 0.8em;
 `;
diff --git a/app/features/settings/styled/Label.js b/app/features/settings/styled/Label.js
index adb142a..6049b5c 100644
--- a/app/features/settings/styled/Label.js
+++ b/app/features/settings/styled/Label.js
@@ -4,5 +4,5 @@ import styled from 'styled-components';
 
 export default styled.label`
     cursor: default;
-    margin: 0 4px;
+    margin: 0 0.5em;
 `;
diff --git a/app/features/settings/styled/ToggleContainer.js b/app/features/settings/styled/ToggleContainer.js
index 2af3a74..b16ed32 100644
--- a/app/features/settings/styled/ToggleContainer.js
+++ b/app/features/settings/styled/ToggleContainer.js
@@ -5,5 +5,5 @@ import styled from 'styled-components';
 export default styled.div`
     align-items: center;
     display: flex;
-    padding: 8px 0;
+    padding: 0.5em 0;
 `;
diff --git a/app/features/settings/styled/TogglesContainer.js b/app/features/settings/styled/TogglesContainer.js
index 57d6c7b..d649485 100644
--- a/app/features/settings/styled/TogglesContainer.js
+++ b/app/features/settings/styled/TogglesContainer.js
@@ -5,5 +5,5 @@ import styled from 'styled-components';
 export default styled.div`
     display: flex;
     flex-direction: column;
-    margin: 16px 0;
+    margin: 1em 0;
 `;
diff --git a/app/features/welcome/styled/Form.js b/app/features/welcome/styled/Form.js
index dcb562f..8c91f71 100644
--- a/app/features/welcome/styled/Form.js
+++ b/app/features/welcome/styled/Form.js
@@ -3,6 +3,6 @@
 import styled from 'styled-components';
 
 export default styled.form`
-    width: 350px;
-    margin: 0 15px;
+    width: 26em;
+    margin: 0 1.2em;
 `;