Align slider endpoints in settings

This commit is contained in:
nickofolas 2022-01-21 16:32:32 -06:00
parent a954095519
commit 259071e3d5

@ -205,6 +205,7 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<List> <List>
<ListItem> <ListItem>
<Box display="grid" sx={{ width: 'fit-content', gridTemplateColumns: '1fr 3.5fr', gap: 1 }}>
<Tooltip <Tooltip
title={ title={
<Typography> <Typography>
@ -223,8 +224,6 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
max={100} max={100}
valueLabelDisplay="auto" valueLabelDisplay="auto"
/> />
</ListItem>
<ListItem>
<Tooltip <Tooltip
title={ title={
<Typography> <Typography>
@ -243,8 +242,6 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
max={500} max={500}
valueLabelDisplay="auto" valueLabelDisplay="auto"
/> />
</ListItem>
<ListItem>
<Tooltip <Tooltip
title={ title={
<Typography> <Typography>
@ -263,8 +260,6 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
max={100} max={100}
valueLabelDisplay="auto" valueLabelDisplay="auto"
/> />
</ListItem>
<ListItem>
<Tooltip <Tooltip
title={ title={
<Typography> <Typography>
@ -284,8 +279,6 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
valueLabelDisplay="auto" valueLabelDisplay="auto"
marks marks
/> />
</ListItem>
<ListItem>
<Tooltip <Tooltip
title={ title={
<Typography>The time (in seconds) between each autosave. Set to 0 to disable autosave.</Typography> <Typography>The time (in seconds) between each autosave. Set to 0 to disable autosave.</Typography>
@ -302,6 +295,7 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
valueLabelDisplay="auto" valueLabelDisplay="auto"
marks marks
/> />
</Box>
</ListItem> </ListItem>
<ListItem> <ListItem>
<OptionSwitch <OptionSwitch