Moved the button to adjust time to the settings page.

src/js/control-view.js

@@ -532,10 +532,6 @@ module.exports = {
 
     showProbeDialog: function (probeType) {
       SvelteComponents.showDialog("Probe", { probeType });
-    },
-
-    showSetTimeDialog: function () {
-      SvelteComponents.showDialog("SetTime");
     }
   },
 

src/pug/templates/control-view.pug

@@ -269,8 +269,6 @@ script#control-view-template(type="text/x-template")
                     th Current Time
                     td
                       span {{current_time}}
-                      button.pure-button(@click="showSetTimeDialog", style="height: 28px; padding: 0px 10px")
-                        .fa.fa-cog
 
                   tr
                     th Remaining

src/svelte-components/src/components/SettingsView.svelte

@@ -2,13 +2,17 @@
   import configTemplate from "../../../resources/config-template.json";
   import ScreenRotationDialog from "$dialogs/ScreenRotationDialog.svelte";
   import ConfigTemplatedInput from "./ConfigTemplatedInput.svelte";
+  import SetTimeDialog from "$dialogs/SetTimeDialog.svelte";
+  import Button, { Label } from "@smui/button";
 
   const gcodeURL = "https://linuxcnc.org/docs/html/gcode/g-code.html";
 
   let showScreenRotationDialog = false;
+  let showSetTimeDialog = false;
 </script>
 
 <ScreenRotationDialog bind:open={showScreenRotationDialog} />
+<SetTimeDialog bind:open={showSetTimeDialog} />
 
 <h1>Settings</h1>
 
@@ -17,13 +21,26 @@
   <fieldset>
     <div class="pure-control-group">
       <label for="screen-rotation" />
-      <button
-        class="pure-button"
+      <Button
         name="screen-rotation"
+        touch
+        variant="raised"
         on:click={() => (showScreenRotationDialog = true)}
       >
-        Change Screen Rotation
-      </button>
+        <Label>Change Screen Rotation</Label>
+      </Button>
+    </div>
+
+    <div class="pure-control-group">
+      <label for="set-time" />
+      <Button
+        name="set-time"
+        touch
+        variant="raised"
+        on:click={() => (showSetTimeDialog = true)}
+      >
+        <Label>Change Time & Timezone</Label>
+      </Button>
     </div>
   </fieldset>