From a6b0e4b8128233e2583dcd32f66657d3461ce41d Mon Sep 17 00:00:00 2001
From: Desmond Kyeremeh <elDekyfin@gmail.com>
Date: Tue, 29 Jun 2021 05:59:43 +0000
Subject: Pad inputs and buttons

---
 modern/src/theme/overrides.js | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/modern/src/theme/overrides.js b/modern/src/theme/overrides.js
index 846859f1..bf171ff5 100644
--- a/modern/src/theme/overrides.js
+++ b/modern/src/theme/overrides.js
@@ -3,14 +3,15 @@ import dimensions from './dimensions';
 export default {
   MuiFormControl: {
     root: {
-      height: dimensions.inputHeight,
+      marginTop: 5,
+      marginBottom: 5
     }
   },
   MuiInputLabel: {
     filled: {
       transform: 'translate(12px, 14px) scale(1)',
         '&$shrink' :{
-          transform: 'translate(12px, -12px) scale(0.75)'
+          transform: 'translate(12px, -14px) scale(0.72)'
         }
     },
   },      
@@ -18,7 +19,7 @@ export default {
     root: {
       height: dimensions.inputHeight,
       borderRadius: dimensions.borderRadius,
-      background: 'rgba(0, 0, 0, 0.035)',
+      backgroundColor: 'rgba(0, 0, 0, 0.035)',
     },
     input: {
       height: dimensions.inputHeight,
@@ -44,6 +45,8 @@ export default {
   MuiButton: {
     root: {
       height: dimensions.inputHeight,
+      marginTop: 5,
+      marginBottom: 5,
       '&$disabled': {
         opacity: .4,
         color: undefined,
@@ -56,5 +59,17 @@ export default {
         backgroundColor: undefined
       }
     }
+  },
+  MuiFormHelperText: {
+    root: {
+      marginBottom: -10
+    }
+  },
+  MuiAutocomplete: {
+    inputRoot: {
+      '&.MuiFilledInput-root': {
+        paddingTop: 0
+      }
+    }
   }
 };
-- 
cgit v1.2.3