From: Adam Dullage <redacted>
Date: Thu, 4 Jul 2024 16:16:41 +0000 (+0100)
Subject: Use button component for toggle to aid accessibility
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=1077d69835d62b8c18e796a937e133cd6a2b701f;p=flatnotes.git

Use button component for toggle to aid accessibility
---

diff --git a/client/components/Toggle.vue b/client/components/Toggle.vue
index 753bef8..c01d853 100644
--- a/client/components/Toggle.vue
+++ b/client/components/Toggle.vue
@@ -1,5 +1,5 @@
 <template>
-  <div
+  <button
     class="flex cursor-pointer items-center text-nowrap rounded bg-theme-background px-2 py-1 text-theme-text-muted"
   >
     <span v-if="label" class="mr-2">{{ label }}</span>
@@ -11,7 +11,7 @@
       height="1em"
       viewBox="2 7 20 10"
     ></SvgIcon>
-  </div>
+  </button>
 </template>
 
 <script setup>