diff options
Diffstat (limited to 'webui/src/components/Header/Header.tsx')
-rw-r--r-- | webui/src/components/Header/Header.tsx | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/webui/src/components/Header/Header.tsx b/webui/src/components/Header/Header.tsx index 56b35968..866e52db 100644 --- a/webui/src/components/Header/Header.tsx +++ b/webui/src/components/Header/Header.tsx @@ -6,7 +6,7 @@ import Tab, { TabProps } from '@material-ui/core/Tab'; import Tabs from '@material-ui/core/Tabs'; import Toolbar from '@material-ui/core/Toolbar'; import Tooltip from '@material-ui/core/Tooltip/Tooltip'; -import { makeStyles } from '@material-ui/core/styles'; +import { fade, makeStyles } from '@material-ui/core/styles'; import CurrentIdentity from '../Identity/CurrentIdentity'; import { LightSwitch } from '../Themer'; @@ -30,7 +30,8 @@ const useStyles = makeStyles((theme) => ({ alignItems: 'center', }, lightSwitch: { - padding: '0 20px', + marginRight: '20px', + color: fade(theme.palette.primary.contrastText, 0.5), }, logo: { height: '42px', @@ -85,9 +86,7 @@ function Header() { git-bug </Link> <div className={classes.filler} /> - <div className={classes.lightSwitch}> - <LightSwitch /> - </div> + <LightSwitch className={classes.lightSwitch} /> <CurrentIdentity /> </Toolbar> </AppBar> |