From dbfc727b210ef18c35dbe9c288bfacd79da99959 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sun, 11 May 2025 09:12:29 +0200
Subject: [PATCH] [web] Change player controls to buttons

---
 web-src/src/components/ControlPlayerBack.vue     | 4 ++--
 web-src/src/components/ControlPlayerForward.vue  | 4 ++--
 web-src/src/components/ControlPlayerNext.vue     | 4 ++--
 web-src/src/components/ControlPlayerPlay.vue     | 4 ++--
 web-src/src/components/ControlPlayerPrevious.vue | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/web-src/src/components/ControlPlayerBack.vue b/web-src/src/components/ControlPlayerBack.vue
index 75b02b10..2fbe274e 100644
--- a/web-src/src/components/ControlPlayerBack.vue
+++ b/web-src/src/components/ControlPlayerBack.vue
@@ -1,11 +1,11 @@
 <template>
-  <a v-if="visible" :disabled="disabled" @click="seek">
+  <button v-if="visible" :disabled="disabled" @click="seek">
     <mdicon
       class="icon"
       name="rewind-10"
       :title="$t('player.button.seek-backward')"
     />
-  </a>
+  </button>
 </template>
 
 <script>
diff --git a/web-src/src/components/ControlPlayerForward.vue b/web-src/src/components/ControlPlayerForward.vue
index a8e903cd..06ce2f34 100644
--- a/web-src/src/components/ControlPlayerForward.vue
+++ b/web-src/src/components/ControlPlayerForward.vue
@@ -1,11 +1,11 @@
 <template>
-  <a v-if="visible" :disabled="disabled" @click="seek">
+  <button v-if="visible" :disabled="disabled" @click="seek">
     <mdicon
       class="icon"
       name="fast-forward-30"
       :title="$t('player.button.seek-forward')"
     />
-  </a>
+  </button>
 </template>
 
 <script>
diff --git a/web-src/src/components/ControlPlayerNext.vue b/web-src/src/components/ControlPlayerNext.vue
index 98bf5b8e..ff1f0c1a 100644
--- a/web-src/src/components/ControlPlayerNext.vue
+++ b/web-src/src/components/ControlPlayerNext.vue
@@ -1,11 +1,11 @@
 <template>
-  <a :disabled="disabled" @click="next">
+  <button :disabled="disabled" @click="next">
     <mdicon
       class="icon"
       name="skip-forward"
       :title="$t('player.button.skip-forward')"
     />
-  </a>
+  </button>
 </template>
 
 <script>
diff --git a/web-src/src/components/ControlPlayerPlay.vue b/web-src/src/components/ControlPlayerPlay.vue
index 2b347cd5..91b98e91 100644
--- a/web-src/src/components/ControlPlayerPlay.vue
+++ b/web-src/src/components/ControlPlayerPlay.vue
@@ -1,7 +1,7 @@
 <template>
-  <a :disabled="disabled" @click="toggle">
+  <button :disabled="disabled" @click="toggle">
     <mdicon class="icon" :name="icon" :title="$t(`player.button.${icon}`)" />
-  </a>
+  </button>
 </template>
 
 <script>
diff --git a/web-src/src/components/ControlPlayerPrevious.vue b/web-src/src/components/ControlPlayerPrevious.vue
index 52b4238d..d7b83888 100644
--- a/web-src/src/components/ControlPlayerPrevious.vue
+++ b/web-src/src/components/ControlPlayerPrevious.vue
@@ -1,11 +1,11 @@
 <template>
-  <a :disabled="disabled" @click="previous">
+  <button :disabled="disabled" @click="previous">
     <mdicon
       class="icon"
       name="skip-backward"
       :title="$t('player.button.skip-backward')"
     />
-  </a>
+  </button>
 </template>
 
 <script>