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}>
<List>
<ListItem>
<Box display="grid" sx={{ width: 'fit-content', gridTemplateColumns: '1fr 3.5fr', gap: 1 }}>
<Tooltip
title={
<Typography>
@ -223,8 +224,6 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
max={100}
valueLabelDisplay="auto"
/>
</ListItem>
<ListItem>
<Tooltip
title={
<Typography>
@ -243,8 +242,6 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
max={500}
valueLabelDisplay="auto"
/>
</ListItem>
<ListItem>
<Tooltip
title={
<Typography>
@ -263,8 +260,6 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
max={100}
valueLabelDisplay="auto"
/>
</ListItem>
<ListItem>
<Tooltip
title={
<Typography>
@ -284,8 +279,6 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
valueLabelDisplay="auto"
marks
/>
</ListItem>
<ListItem>
<Tooltip
title={
<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"
marks
/>
</Box>
</ListItem>
<ListItem>
<OptionSwitch