CEC-231 Fix control css (#39)

2021-05-10 09:31:23 -07:00
parent fe6739a736
commit 0d71a3f235
3 changed files with 1225 additions and 1050 deletions
--- a/src/components/useStyles.jsx
+++ b/src/components/useStyles.jsx
@@ -40,13 +40,15 @@ const useStyles = makeStyles((theme) => ({
    minWidth: 120,
  },
  formControlInline: {
-    margin: theme.spacing(2, 2, 1, 0),
+    marginRight: "10px !important",
    minWidth: 120,
  },
  labelInline: {
    fontSize: "1.25em",
-    margin: theme.spacing(4, 2, 2, 0),
+    margin: theme.spacing(2, 0, 1),
    display: "inline-flex",
+    boxSizing: "border-box",
+    position: "relative",
  },
  chips: {
    display: "flex",