add label to config selection, increase margins

watertap-org · Apr 17, 2024 · cb94b11 · cb94b11
1 parent 8973115
commit cb94b11
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/electron/ui/src/components/OutputComparisonChart/OutputComparisonChart.js b/electron/ui/src/components/OutputComparisonChart/OutputComparisonChart.js
@@ -251,7 +251,7 @@ export default function OutputComparisonChart(props) {
 
             { displayCategory && 
                 <>
-                    <InputLabel sx={{marginTop:1}} id="Parameter-Selection-label">Chart Category&nbsp;</InputLabel>
+                    <InputLabel sx={{marginTop:10}} id="Parameter-Selection-label">Chart Category&nbsp;</InputLabel>
                     <FormControl>
                     <Select
                         labelId="Parameter-Selection-label"
@@ -322,10 +322,13 @@ export function ConfigSelect(props) {
     }
 
     return (
-        <FormGroup onChange={handleSelect}>
-            {historyData.map((v, idx) => (
-                <FormControlLabel key={`${v}_${idx}`} name={v.name} control={<Checkbox checked={selectedConfigNames.includes(v.name)}/>} label={v.name} />
-            ))}
-        </FormGroup>
+        <>
+            <InputLabel sx={{marginTop:10}} id="Config-Selection-label">Config Selection&nbsp;</InputLabel>
+            <FormGroup onChange={handleSelect}>
+                {historyData.map((v, idx) => (
+                    <FormControlLabel key={`${v}_${idx}`} name={v.name} control={<Checkbox checked={selectedConfigNames.includes(v.name)}/>} label={v.name} />
+                ))}
+            </FormGroup>
+        </>
     );
 }