fix(ui): Align preset selection labels with icons

Hypfer · Nov 17, 2021 · c6803f6 · c6803f6
1 parent 4f8aaec
commit c6803f6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/controls/PresetSelection.tsx b/frontend/src/controls/PresetSelection.tsx
@@ -171,7 +171,7 @@ const PresetSelectionControl = (props: PresetSelectionProps): JSX.Element => {
                         }}
                     >
                         <Grid item>{icon}</Grid>
-                        <Grid item>
+                        <Grid item sx={{marginTop: "-8px" /* ugh */}}>
                             <Typography variant="subtitle1" id={`${capability}-slider-label`}>
                                 {label}
                             </Typography>
@@ -190,7 +190,7 @@ const PresetSelectionControl = (props: PresetSelectionProps): JSX.Element => {
                             <Grid container>
                                 {
                                     !selectPresetIsLoading &&
-                                    <Grid item>
+                                    <Grid item sx={{marginTop: "-2px" /* ugh */}}>
                                         <Typography variant="subtitle1" sx={{paddingRight: "8px"}}>
                                             {preset?.value}
                                         </Typography>