Update SourcesControl.jsx

Testing also done
geostreams · Jun 15, 2023 · 8e15d32 · 8e15d32
1 parent 47e58b2
commit 8e15d32
Showing 1 changed file with 23 additions and 21 deletions.
diff --git a/packages/core/src/components/ol/SourcesControl.jsx b/packages/core/src/components/ol/SourcesControl.jsx
@@ -270,31 +270,33 @@ const SourcesControl = ({
                 </CardContent>
                 <CardContent className={classes.cardContent}>
                     <List>
+                        <Grid
+                            container
+                            alignContent="center"
+                            alignItems="center"
+                            wrap="nowrap"
+                        >
                             <Grid
-                                container
-                                alignContent="center"
-                                alignItems="center"
-                                wrap="nowrap"
+                                className={`${classes.sourceCheckbox} centeredText`}
+                                item
+                                xs={2}
+                                style={{ background: '#143849' }}
+                                onClick={(e) => toggleAllSources(e)}
                             >
-                                <Grid
-                                    className={`${classes.sourceCheckbox} centeredText`}
-                                    item
-                                    xs={2}
-                                    style={{ background: '#143849' }}
-                                    onClick={(e) => toggleAllSources(e)}
-                                >
-                                    <Checkbox
-                                        checked={allSourcesVisibility}
-                                        icon={<CircleUncheckedIcon htmlColor="white" />}
-                                        checkedIcon={
-                                            <CircleCheckedFilledIcon htmlColor="white" />
-                                        }
-                                    />
-                                </Grid>
-                                    <Grid className={classes.sourceLabel} item xs={12}>
+                                <Checkbox
+                                    checked={allSourcesVisibility}
+                                    icon={<CircleUncheckedIcon htmlColor="white" />}
+                                    checkedIcon={
+                                        <CircleCheckedFilledIcon htmlColor="white" />
+                                    }
+                                />
+                            </Grid>
+                            <Grid className={classes.sourceLabel} item xs={12}>
+                                <Typography gutterBottom variant="subtitle1">
                                             Switch on/off all sources
-                                    </Grid>
+                                </Typography>
                             </Grid>
+                        </Grid>
                         {sources.map((source) => {
                             const primaryColor = getSourceColor(sourcesConfig[source.id]);
                             const secondaryColor = interpolateRgb(primaryColor, '#FFF')(0.8);