Adjust button colours and margin

diff --git a/client/components/Toggle.vue b/client/components/Toggle.vue
index c01d8534b9b8173fff6dfaf0f03f8ab62bf7b139..ae5168f717c79df9313a9af7956853b045c8cd46 100644 (file)
--- a/client/components/Toggle.vue
+++ b/client/components/Toggle.vue
@@ -1,12 +1,12 @@
 <template>
   <button
-    class="flex cursor-pointer items-center text-nowrap rounded bg-theme-background px-2 py-1 text-theme-text-muted"
+    class="flex cursor-pointer items-center text-nowrap rounded bg-theme-background px-2 py-1"
   >
-    <span v-if="label" class="mr-2">{{ label }}</span>
+    <span v-if="label" class="mr-2 text-theme-text-muted">{{ label }}</span>
     <SvgIcon
       type="mdi"
       :path="isOn ? mdiToggleSwitch : mdiToggleSwitchOff"
-      :class="{ 'text-theme-brand': isOn }"
+      :class="{ 'text-theme-brand': isOn, 'text-theme-text-very-muted': !isOn }"
       width="auto"
       height="1em"
       viewBox="2 7 20 10"

diff --git a/client/views/Note.vue b/client/views/Note.vue
index 94118659074ec48a9eda8523c8559165e12a5ec6..e27c3bf3b0c6d8cc711e659c5fb902ce18b2232d 100644 (file)
--- a/client/views/Note.vue
+++ b/client/views/Note.vue
@@ -67,7 +67,7 @@
           label="Save"
           :iconPath="mdilContentSave"
           @click="saveHandler((close = false))"
-          class="relative"
+          class="relative ml-1"
         >
           <!-- Unsaved Changes Indicator -->
           <div