Pad inputs and buttons

1 files 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
+      }
+    }
   }
 };