From ce2a8c33298e10a9c87ada1031faa5d1a29cc047 Mon Sep 17 00:00:00 2001
From: Ken Hibino <ken.hibino7@gmail.com>
Date: Fri, 25 Dec 2020 14:56:24 -0800
Subject: [PATCH] Minor style updates to settings view

---
 ui/src/views/SettingsView.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/ui/src/views/SettingsView.tsx b/ui/src/views/SettingsView.tsx
index c7cb453..02a28c8 100644
--- a/ui/src/views/SettingsView.tsx
+++ b/ui/src/views/SettingsView.tsx
@@ -52,10 +52,15 @@ function SettingsView(props: PropsFromRedux) {
         <Grid item xs={12}>
           <Typography variant="h5">Settings</Typography>
         </Grid>
-        <Grid item xs={12}>
+        <Grid item xs={5}>
           <Paper className={classes.paper} variant="outlined">
-            <Typography gutterBottom color="primary">
-              Polling Interval (Every {sliderValue} seconds)
+            <Typography color="textPrimary">Polling Interval</Typography>
+            <Typography gutterBottom color="textSecondary" variant="subtitle1">
+              Web UI will fetch live data with the specified interval
+            </Typography>
+            <Typography gutterBottom color="textSecondary" variant="subtitle1">
+              Currently: Every{" "}
+              {sliderValue === 1 ? "second" : `${sliderValue} seconds`}
             </Typography>
             <Slider
               value={sliderValue}