From a6b0e4b8128233e2583dcd32f66657d3461ce41d Mon Sep 17 00:00:00 2001 From: Desmond Kyeremeh 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(-) (limited to 'modern/src/theme') diff --git a/modern/src/theme/overrides.js b/modern/src/theme/overrides.js index 846859f..bf171ff 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