diff --git a/client/src/Components/Inputs/Search/index.jsx b/client/src/Components/Inputs/Search/index.jsx index c3008886c..7202cc2eb 100644 --- a/client/src/Components/Inputs/Search/index.jsx +++ b/client/src/Components/Inputs/Search/index.jsx @@ -4,7 +4,6 @@ import { ListItem, Autocomplete, TextField, - Stack, Typography, Checkbox, } from "@mui/material"; @@ -33,7 +32,6 @@ const SearchAdornment = () => { const theme = useTheme(); return ( diff --git a/client/src/Components/Inputs/Select/index.jsx b/client/src/Components/Inputs/Select/index.jsx index a438b6bb2..a132b5d77 100644 --- a/client/src/Components/Inputs/Select/index.jsx +++ b/client/src/Components/Inputs/Select/index.jsx @@ -112,7 +112,7 @@ const Select = ({ fill: theme.palette.primary.contrastTextTertiary, }, "& .MuiSelect-select": { - padding: "0 13px", + padding: "0", minHeight: "34px", display: "flex", alignItems: "center", diff --git a/client/src/Pages/Settings/SettingsTimeZone.jsx b/client/src/Pages/Settings/SettingsTimeZone.jsx index be255ab52..ee5cf48de 100644 --- a/client/src/Pages/Settings/SettingsTimeZone.jsx +++ b/client/src/Pages/Settings/SettingsTimeZone.jsx @@ -58,7 +58,7 @@ const SettingsTimeZone = ({ HEADING_SX, handleChange, timezone }) => { inputValue={rawInput} handleInputChange={(val) => setRawInput(val)} handleChange={handleTimezoneChange} - isAdorned={false} + isAdorned={true} unit="timezone" /> diff --git a/client/src/Pages/StatusPage/Create/Components/Tabs/Settings.jsx b/client/src/Pages/StatusPage/Create/Components/Tabs/Settings.jsx index 4c2842b71..dd4345158 100644 --- a/client/src/Pages/StatusPage/Create/Components/Tabs/Settings.jsx +++ b/client/src/Pages/StatusPage/Create/Components/Tabs/Settings.jsx @@ -130,7 +130,7 @@ const TabSettings = ({ inputValue={rawInput} handleInputChange={(newVal) => setRawInput(newVal)} handleChange={handleTimezoneChange} - isAdorned={false} + isAdorned={true} unit="timezone" /> diff --git a/client/src/Utils/Theme/globalTheme.js b/client/src/Utils/Theme/globalTheme.js index 6f2a18e71..ce58153ec 100644 --- a/client/src/Utils/Theme/globalTheme.js +++ b/client/src/Utils/Theme/globalTheme.js @@ -353,7 +353,7 @@ const baseTheme = (palette) => ({ }, "& .MuiInputBase-input.MuiOutlinedInput-input": { - padding: "0 var(--env-var-spacing-1-minus) !important", + padding: `0 ${theme.spacing(5)}`, }, "& .MuiOutlinedInput-root": { @@ -408,6 +408,7 @@ const baseTheme = (palette) => ({ "& .MuiOutlinedInput-root": { paddingTop: 0, paddingBottom: 0, + paddingRight: theme.spacing(5), }, "& fieldset": { borderColor: theme.palette.primary.lowContrast, @@ -569,7 +570,7 @@ const baseTheme = (palette) => ({ "&:hover .MuiOutlinedInput-notchedOutline": { borderColor: theme.palette.primary.lowContrast, }, - padding: "0 13px", + padding: `0 ${theme.spacing(5)}`, minHeight: "34px", display: "flex", alignItems: "center",