From a6ae6139274084dab351e02462508026295eca6a Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Thu, 26 Jan 2023 16:05:28 +0000
Subject: [PATCH] reduce discord button size and add link to /help to improve
 seo

---
 frontend/src/App.vue             | 4 ++--
 frontend/src/components/Menu.vue | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 8c46469..cd31ba5 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -8,9 +8,9 @@
 			<p>{{$t("connection_error")}}</p>
 		</div>
 		<help v-if="showHelp"/>
-		<div style="position:fixed;bottom:4pt;right:4pt;display:flex;">
+		<div style="position:fixed;bottom:4pt;right:4pt;display:flex;z-index:10">
 			<input type=button class="btn" style="min-width:28pt;cursor:pointer;" @click="()=>{sending_report = true}" :value=" $t('report') " />
-			<input type="button" class="btn" value="Discord" style="min-width:28pt;cursor:pointer;" @click="joinDiscord"/>
+			<input type="button" class="btn" value="" style="min-width:28pt;cursor:pointer;background-image: url('https://img.icons8.com/color/48/discord-logo.png');background-size:2em;" @click="joinDiscord"/>
 			<input type="button" class="btn" :value="(showHelp?'X':'?')" style="min-width:28pt;border-radius:100%;cursor:pointer;" @click="getHelp"/>
 			<select id="theme" class="btn" v-model="theme">
 				<option
diff --git a/frontend/src/components/Menu.vue b/frontend/src/components/Menu.vue
index 4f54065..59ac503 100644
--- a/frontend/src/components/Menu.vue
+++ b/frontend/src/components/Menu.vue
@@ -46,6 +46,9 @@
 		</div>
 		<label for="username" style="opacity:0">Username</label>
 		<label for="lobbyname" style="opacity:0">Lobby Name</label>
+		<div>
+			Still new to the game? Read the rules <a href="./help">here</a> or press the question mark in the bottom right corner anytime during your matches.
+		</div>
 	</div>
 </template>