feat(ui): polish

mstephen19 · Nov 27, 2022 · 50e1ed3 · 50e1ed3
1 parent a899d6a
commit 50e1ed3
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 14 deletions.
diff --git a/src/widget/Widget.tsx b/src/widget/Widget.tsx
@@ -83,7 +83,7 @@ const Widget = () => {
                         >
                             {started && <StopFill color="red" size="medium" />}
                             {!started && (
-                                <PlayFill color="green" size="medium" />
+                                <PlayFill color={'green'} size="medium" />
                             )}
                         </Button>
                         <Box

diff --git a/src/widget/components/Automator.tsx b/src/widget/components/Automator.tsx
@@ -34,7 +34,7 @@ const getWaitSecs = () => {
         localStorage.getItem(LocalStorageKey.RANDOMIZE) ?? 'false'
     ) as boolean;
 
-    if (randomize) return randomNumber(3, 10);
+    if (randomize) return randomNumber(3, 8);
 
     const value = localStorage.getItem(LocalStorageKey.WAIT_SECS);
 

diff --git a/src/widget/components/Config.tsx b/src/widget/components/Config.tsx
@@ -96,6 +96,17 @@ const Config = memo(() => {
                     </Box>
                 </Box>
 
+                <Box direction="column">
+                    <Box direction="row" gap="5px">
+                        <CheckBox
+                            label="Randomize wait-between"
+                            checked={randomize}
+                            onChange={handleRandomizeChange}
+                        />
+                        <InfoIcon text='Randomize the wait-between seconds to be anywhere between 3 and 8 seconds. When enabled, the provided "Wait-between" value will be ignored.' />
+                    </Box>
+                </Box>
+
                 <Box direction="column">
                     <Box direction="row" gap="5px">
                         <label htmlFor="stop-after">Stop after minutes</label>
@@ -127,17 +138,6 @@ const Config = memo(() => {
                     </Box>
                 </Box>
 
-                <Box direction="column">
-                    <Box direction="row" gap="5px">
-                        <CheckBox
-                            label="Randomize wait-between"
-                            checked={randomize}
-                            onChange={handleRandomizeChange}
-                        />
-                        <InfoIcon text='Randomize the wait-between seconds to be anywhere between 3 and 10 seconds. When enabled, the provided "Wait-between" value will be ignored.' />
-                    </Box>
-                </Box>
-
                 <Box direction="column">
                     <Box direction="row" gap="5px">
                         <CheckBox

diff --git a/src/widget/components/DraggableBox.tsx b/src/widget/components/DraggableBox.tsx
@@ -120,11 +120,12 @@ const DraggableBox = ({
                         minWidth: '300px',
                         height: 'auto',
                         maxHeight: '500px',
-                        boxShadow: '0px 0px 4px',
+                        // boxShadow: '0px 0px 4px',
                         overflow: 'visible',
                     }}
                     background="light"
                     animation="fadeIn"
+                    elevation="xlarge"
                 >
                     <Header
                         className="drag-handle"