From 5b46df45ba515daf02671199cf2666774ee102c0 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Mon, 26 Feb 2024 20:23:30 +0100
Subject: [PATCH] [web] Streamline CSS styles and remove useless classes

---
 web-src/src/components/NavbarBottom.vue     | 14 +++++++-------
 web-src/src/components/NavbarItemOutput.vue |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/web-src/src/components/NavbarBottom.vue b/web-src/src/components/NavbarBottom.vue
index bb53598f..d9d26495 100644
--- a/web-src/src/components/NavbarBottom.vue
+++ b/web-src/src/components/NavbarBottom.vue
@@ -20,11 +20,11 @@
             <div class="level-left is-flex-grow-1">
               <div class="level-item is-flex-grow-0">
                 <a class="button is-white is-small" @click="toggle_mute_volume">
-                  <span class="icon"
-                    ><mdicon
-                      :name="player.volume > 0 ? 'volume-high' : 'volume-off'"
-                      size="18"
-                  /></span>
+                  <mdicon
+                    class="icon"
+                    :name="player.volume > 0 ? 'volume-high' : 'volume-off'"
+                    size="18"
+                  />
                 </a>
               </div>
               <div class="level-item">
@@ -54,7 +54,7 @@
             <div class="level-left is-flex-grow-1">
               <div class="level-item is-flex-grow-0">
                 <a
-                  class="button is-clickable is-white is-small"
+                  class="button is-white is-small"
                   :class="{
                     'has-text-grey-light': !playing && !loading,
                     'is-loading': loading
@@ -220,7 +220,7 @@
             <div class="level-left is-flex-grow-1">
               <div class="level-item is-flex-grow-0">
                 <a
-                  class="button is-clickable is-white is-small"
+                  class="button is-white is-small"
                   :class="{
                     'has-text-grey-light': !playing && !loading,
                     'is-loading': loading
diff --git a/web-src/src/components/NavbarItemOutput.vue b/web-src/src/components/NavbarItemOutput.vue
index ff055eac..e1465143 100644
--- a/web-src/src/components/NavbarItemOutput.vue
+++ b/web-src/src/components/NavbarItemOutput.vue
@@ -4,7 +4,7 @@
       <div class="level-left is-flex-grow-1">
         <div class="level-item is-flex-grow-0">
           <a
-            class="button is-clickable is-white is-small"
+            class="button is-white is-small"
             :class="{ 'has-text-grey-light': !output.selected }"
             @click="set_enabled"
           >