From: Adam Dullage <redacted>
Date: Fri, 5 Jul 2024 08:40:42 +0000 (+0100)
Subject: Adjust button colours and margin
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=682675f11711542c22165d52ee9ad4ed00dec1ec;p=flatnotes.git

Adjust button colours and margin
---

diff --git a/client/components/Toggle.vue b/client/components/Toggle.vue
index c01d853..ae5168f 100644
--- 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 9411865..e27c3bf 100644
--- 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