#88 ui tweaks

ruuvi · Mar 13, 2024 · 8cb61f8 · 8cb61f8
1 parent bbe7ece
commit 8cb61f8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/components/DurationPicker.js b/src/components/DurationPicker.js
@@ -105,7 +105,7 @@ export default function DurationPicker(props) {
                                         <Box width={"4px"} />
                                     )
                                     }
-                                    <span style={{ display: "inline-block", marginLeft: 8, marginRight: 10, marginTop: 10, fontFamily: "mulish", fontSize: 14, fontWeight: 600 }}>
+                                    <span style={{ display: "inline-block", marginLeft: props.dashboard ? 10 : 14, marginRight: 14, marginTop: 10, fontFamily: "mulish", fontSize: 14, fontWeight: 600 }}>
                                         {custom ? (
                                             <>
                                                 {ddmm(custom.from) + " - " + ddmm(custom.to)}

diff --git a/src/states/Sensor.js b/src/states/Sensor.js
@@ -509,7 +509,6 @@ class Sensor extends Component {
                             this.export()
                     }
                 }} />
-                <Box display="inline-block" width="12px" />
                 <DurationPicker value={this.state.from} showMaxHours={this.props.sensor.subscription.maxHistoryDays * 24} onChange={v => this.updateFrom(v)} />
             </>
         }
@@ -565,7 +564,7 @@ class Sensor extends Component {
                                                             {graphTitle()}
                                                         </td>
                                                         <td>
-                                                            <Flex justify="end">
+                                                            <Flex justify="end" gap={"6px"}>
                                                                 {graphCtrl()}
                                                             </Flex>
                                                         </td>
@@ -576,18 +575,18 @@ class Sensor extends Component {
                                     </ScreenSizeWrapper>
                                     <ScreenSizeWrapper isMobile>
                                         <div style={{ marginTop: 30, marginBottom: -10 }} id="history">
+                                            {graphTitle(true)}
                                             <table width="100%">
                                                 <tbody>
                                                     <tr>
                                                         <td>
-                                                            <Flex justify="center" flexWrap="wrap" gap={1}>
+                                                            <Flex justify="end" flexWrap="wrap" gap={"6px"}>
                                                                 {graphCtrl(true)}
                                                             </Flex>
                                                         </td>
                                                     </tr>
                                                 </tbody>
                                             </table>
-                                            {graphTitle(true)}
                                         </div>
                                     </ScreenSizeWrapper>
                                 </>}