Padding fix

damienallen · May 26, 2024 · 1997f68 · 1997f68
1 parent ae1339d
commit 1997f68
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/app/src/components/ControlsForm.tsx b/app/src/components/ControlsForm.tsx
@@ -23,7 +23,7 @@ const useStyles = createUseStyles({
         gap: 8,
         position: 'relative',
         '@media (max-width: 720px)': {
-            padding: 16,
+            padding: 8,
         },
     },
     sliderInput: {

diff --git a/app/src/components/MapCanvas.tsx b/app/src/components/MapCanvas.tsx
@@ -25,7 +25,7 @@ const useStyles = createUseStyles({
 })
 
 export const MapCanvas = observer(() => {
-    const { app, contours, ui } = useStores()
+    const { app, contours } = useStores()
     const classes = useStyles()
     const navigate = useNavigate()
 

diff --git a/app/src/components/ProcessingStatus.tsx b/app/src/components/ProcessingStatus.tsx
@@ -68,8 +68,11 @@ export const ProcessingStatus = observer(() => {
             ) : (
                 <Tooltip label="Randomize">
                     <div
-                        onClick={() => contours.randomizeFeature()}
                         onMouseLeave={() => setRoll(getRoll())}
+                        onClick={() => {
+                            contours.randomizeFeature()
+                            setRoll(getRoll())
+                        }}
                         className={classes.button}
                     >
                         {dice[roll]}