From 523817dfb4be1143b5f7b04a6155048ca7ba6dc6 Mon Sep 17 00:00:00 2001
From: Sebastian Reimers <hallo@studio-link.de>
Date: Fri, 7 Apr 2023 10:32:16 +0200
Subject: [PATCH] webui: improve play button

---
 webui/src/components/BottomActions.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/webui/src/components/BottomActions.vue b/webui/src/components/BottomActions.vue
index 1f4269e8..c08c42bd 100644
--- a/webui/src/components/BottomActions.vue
+++ b/webui/src/components/BottomActions.vue
@@ -153,14 +153,14 @@
               <button
                 v-if="Webrtc.state.value < WebrtcState.Listening"
                 ref="play"
-                class="hover:bg-gray-700 hover:text-white group items-center px-2 py-2 text-base font-medium rounded-md block"
+                class="hover:bg-gray-700 bg-gray-50 hover:text-white group items-center px-2 py-2 text-base font-medium rounded-md block"
                 title="Join as listener"
                 :class="{ 'animate-pulse': Webrtc.state.value == WebrtcState.Connecting }"
                 @click="listen()"
               >
-                <PlayCircleIcon class="h-14 w-14 mx-auto" />
-                <div v-if="Webrtc.state.value == WebrtcState.Offline" class="text-sm text-center">Press to listen</div>
-                <div v-if="Webrtc.state.value == WebrtcState.Connecting" class="text-sm text-center">Connecting...</div>
+                <PlayCircleIcon class="h-20 w-20 mx-auto" />
+                <div v-if="Webrtc.state.value == WebrtcState.Offline" class="text-center">Press play to connect</div>
+                <div v-if="Webrtc.state.value == WebrtcState.Connecting" class="text-center">Connecting...</div>
               </button>
             </div>
           </div>