From af588b368df5b0255bd55a1103c93b6cc4a44670 Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Thu, 26 Jan 2023 17:39:30 +0000
Subject: [PATCH] cleaner discord button

---
 frontend/src/App.vue                | 2 +-
 frontend/src/components/Chooser.vue | 2 +-
 frontend/src/components/Help.vue    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index a3811ea..7fefaeb 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -10,7 +10,7 @@
 		<help v-if="showHelp"/>
 		<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="" style="min-width:28pt;cursor:pointer;background-image: url('https://img.icons8.com/color/48/discord-logo.png');background-size:2em;background-repeat: no-repeat;" @click="joinDiscord"/>
+			<input type="button" class="btn" value="" style="min-width:28pt;cursor:pointer;background-position:center;background-image:url('https://img.icons8.com/color/48/discord-logo.png');background-size:1.5em;background-repeat: no-repeat;" @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/Chooser.vue b/frontend/src/components/Chooser.vue
index f36de67..676580a 100644
--- a/frontend/src/components/Chooser.vue
+++ b/frontend/src/components/Chooser.vue
@@ -9,7 +9,7 @@
 		<p v-if="hintText">{{hintText}}</p>
 		<h2 v-if="timer > 0 && remainingTime > 0 && !showCancelBtn">{{remainingTime}}</h2>
 		<div style="margin-top:6pt;" class="button center-stuff" v-if="showCancelBtn" @click="internalCancel"><span>{{realCancelText}}</span> <span v-if="timer > 0 && remainingTime > 0"> ({{remainingTime}})</span></div>
-		<p v-if="desc" style="bottom:10pt;right:0;left:0;position:absolute;margin:16pt;font-size:18pt">{{desc}}</p>
+		<p v-if="desc" style="bottom:28pt;right:0;left:0;position:absolute;margin:16pt;font-size:18pt">{{desc}}</p>
 	</div>
 </template>
 
diff --git a/frontend/src/components/Help.vue b/frontend/src/components/Help.vue
index 9fc6e49..f37091e 100644
--- a/frontend/src/components/Help.vue
+++ b/frontend/src/components/Help.vue
@@ -23,7 +23,7 @@
 			<li><p>{{$t('help.turndiscard')}}</p></li>
 		</ol>
 		<h3>{{$t('help.drawthecards')}}</h3>
-		<p>{{$t('help.drawinstructions')}}<p>
+		<p>{{$t('help.drawinstructions')}}</p>
 		<div style="display:flex" class="center-stuff">
 			<div style="position:relative">
 				<div class="card back" style="position:absolute; bottom:-3pt;right:-3pt;"/>