Merge pull request #871 from dkyeremeh/inputs-fix

Inputs fix

1 files changed, 32 insertions, 3 deletions

diff --git a/modern/src/theme/overrides.js b/modern/src/theme/overrides.js
index c8d64a9..cd6c5a5 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,34 @@ export default {
   MuiButton: {
     root: {
       height: dimensions.inputHeight,
+      marginTop: 5,
+      marginBottom: 5,
+      '&$disabled': {
+        opacity: .4,
+        color: undefined,
+      }
+    },
+    contained: {
+      '&$disabled': {
+        opacity: .4,
+        color: undefined,
+        backgroundColor: undefined
+      }
+    }
+  },
+  MuiFormHelperText: {
+    root: {
+      marginBottom: -10
+    },
+    contained: {
+      marginLeft: 12
+    }
+  },
+  MuiAutocomplete: {
+    inputRoot: {
+      '&.MuiFilledInput-root': {
+        paddingTop: 0
+      }
     }
   }
 };