From 973816ca1ab12401724996cf873233096b2d31df Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Wed, 25 Nov 2020 21:08:28 +0100
Subject: [PATCH 1/2] selectable room password

---
 frontend/src/App.vue              | 6 ++++++
 frontend/src/components/Lobby.vue | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 237eef4..4e72340 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -146,6 +146,12 @@ export default {
 	-ms-user-select: none;      /* Internet Explorer 10 and later */
 	user-select: none;          /* Likely future */
 }
+.selectable {
+	-webkit-user-select: text !important;  /* Chrome all and Safari all */
+	-moz-user-select: text !important;     /* Firefox all */
+	-ms-user-select: text !important;      /* Internet Explorer 10 and later */
+	user-select: text !important;          /* Likely future */
+}
 #logo {
 	margin-top: 60pt;
 	margin-bottom: 60pt !important;
diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue
index 39f4d12..60bd609 100644
--- a/frontend/src/components/Lobby.vue
+++ b/frontend/src/components/Lobby.vue
@@ -3,7 +3,7 @@
 		<div style="flex-grow: 4;">
 			<h2 v-if="!started">Lobby: {{ lobbyName }}</h2>
 			<h3>Giocatori (tu sei {{username}})</h3>
-			<h3 v-if="!started && password !== ''">Password: {{ password }}</h3>
+			<h3 v-if="!started && password !== ''">Password: <span class="selectable">{{ password }}</span></h3>
 			<div v-if="!started && isRoomOwner">
 				<PrettyCheck class="p-switch p-fill" v-model="privateRoom">Stanza Privata</PrettyCheck>
 			</div>

From 1f3412a41078fbf310df66caa5c9746f770e4dea Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Wed, 25 Nov 2020 21:16:41 +0100
Subject: [PATCH 2/2] minor style

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

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 4e72340..39f33c1 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -163,7 +163,7 @@ export default {
 		zoom: 0.8;
 	}
 }
-h1,h2,h3,h4,p,span{
+h1,h2,h3,h4,p,span,b,label{
 	font-family: Avenir, Helvetica, Arial, sans-serif;
 }
 .center-stuff {
diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue
index 60bd609..091cd04 100644
--- a/frontend/src/components/Lobby.vue
+++ b/frontend/src/components/Lobby.vue
@@ -3,10 +3,11 @@
 		<div style="flex-grow: 4;">
 			<h2 v-if="!started">Lobby: {{ lobbyName }}</h2>
 			<h3>Giocatori (tu sei {{username}})</h3>
-			<h3 v-if="!started && password !== ''">Password: <span class="selectable">{{ password }}</span></h3>
-			<div v-if="!started && isRoomOwner">
-				<PrettyCheck class="p-switch p-fill" v-model="privateRoom">Stanza Privata</PrettyCheck>
+			<div v-if="!started" >
+				<PrettyCheck v-if="isRoomOwner" class="p-switch p-fill" v-model="privateRoom">Stanza Privata</PrettyCheck>
+				<label v-if="password !== ''">Password: <b class="selectable" style="font-size:larger;">{{ password }}</b></label>
 			</div>
+			
 			<div class="players-table">
 				<Card v-if="startGameCard" :card="startGameCard" @click.native="startGame"/>
 				<!-- <div style="position: relative;width:260pt;height:400pt;"> -->