use full-width right switches

2025-12-19 21:46:11 +05:00 · 2021-07-16 09:46:34 +03:00
parent 0edbcb302c
commit 06a4175f1c
3 changed files with 20 additions and 11 deletions
--- a/web/src/style/materialUISetup.js
+++ b/web/src/style/materialUISetup.js
@@ -58,11 +58,20 @@ export const useMaterialUITheme = () => {
              color: mainColors[theme].labels,
            },
          },
+          // https://material-ui.com/ru/api/form-control-label/
+          MuiFormControlLabel: {
+            labelPlacementStart: {
+              display: 'flex',
+              justifyContent: 'space-between',
+              marginStart: 0,
+              marginTop: 6,
+              marginBottom: 2,
+            },
+          },
          MuiInputLabel: {
            root: {
              color: mainColors[theme].labels,
-              // fontSize: '22px',
-              marginBottom: '10px',
+              marginBottom: 8,
              '&$focused': {
                color: mainColors[theme].labels,
              },