From c7fd54f60d3af19763662c254fffbdff10125306 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Tue, 12 Sep 2023 15:58:56 +0000
Subject: [PATCH] ui mini buttons

---
 ui/src/components/ConfigView.vue   | 16 ++++++----------
 ui/src/components/bulma/Drawer.vue |  2 +-
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/ConfigView.vue b/ui/src/components/ConfigView.vue
index 5b66f3e..82740c9 100644
--- a/ui/src/components/ConfigView.vue
+++ b/ui/src/components/ConfigView.vue
@@ -111,11 +111,9 @@
               <!-- TODO -->
               <dd>
                 <span>***</span>
-                <span class="tag button is-primary ml-2">
-                  <span class="icon">
-                    <font-awesome-icon icon="fa-solid fa-eye" />
-                  </span>
-                </span>
+                <button class="tag button icon is-primary ml-2">
+                  <font-awesome-icon icon="fa-solid fa-eye" />
+                </button>
               </dd>
 
               <dt>Cache-Dauer</dt>
@@ -128,11 +126,9 @@
               <!-- TODO -->
               <dd>
                 <span>***</span>
-                <span class="tag button is-primary ml-2">
-                  <span class="icon">
-                    <font-awesome-icon icon="fa-solid fa-eye" />
-                  </span>
-                </span>
+                <button class="tag button icon is-primary ml-2">
+                  <font-awesome-icon icon="fa-solid fa-eye" />
+                </button>
               </dd>
             </dl>
           </div>
diff --git a/ui/src/components/bulma/Drawer.vue b/ui/src/components/bulma/Drawer.vue
index 9d3c4ba..3dfdf70 100644
--- a/ui/src/components/bulma/Drawer.vue
+++ b/ui/src/components/bulma/Drawer.vue
@@ -3,7 +3,7 @@
     <header class="card-header has-background-grey-lighter is-unselectable">
       <p class="card-header-title" @click="toggle">{{ header }}</p>
       <p v-if="refreshable" class="card-header-icon px-0">
-        <button class="tag button is-info icon" @click="refresh">
+        <button class="tag button icon is-info" @click="refresh">
           <font-awesome-icon icon="fa-solid fa-arrows-rotate" />
         </button>
       </p>