From 7abeb4a35a0105b94e599de9970404c98790b4d9 Mon Sep 17 00:00:00 2001
From: Kyle Gunger <kgunger12@gmail.com>
Date: Sun, 24 Jul 2022 23:00:59 -0400
Subject: Clean up game element

---
 styles/client/base.css    | 14 +++++++++-----
 styles/client/desktop.css |  6 +-----
 styles/client/mobile.css  |  4 ----
 styles/input.css          |  6 +++---
 4 files changed, 13 insertions(+), 17 deletions(-)

(limited to 'styles')

diff --git a/styles/client/base.css b/styles/client/base.css
index 60631ce..85bec49 100644
--- a/styles/client/base.css
+++ b/styles/client/base.css
@@ -337,12 +337,16 @@ div.chat-text > div {
 
 div.game > h2 {
 	margin: 0;
+	overflow: hidden;
+	white-space: nowrap;
 }
 
-button.join {
-	position: absolute;
-
-	bottom: 5px;
-	right: 5px;
+div.game > span {
+	width: 50%;
+	display: inline-block;
 }
 
+div.game > div {
+	display: flex;
+	flex-direction: row-reverse;
+}
diff --git a/styles/client/desktop.css b/styles/client/desktop.css
index 410b516..2f5bb65 100644
--- a/styles/client/desktop.css
+++ b/styles/client/desktop.css
@@ -84,7 +84,7 @@
 	}
 
 	div.content {
-		min-width: 70vw;
+		width: 70vw;
 		min-height: 70vh;
 
 		display: flex;
@@ -135,10 +135,6 @@
 		margin-top: 10px;
 	}
 
-	div.game {
-		height: 20%;
-	}
-
 	/*
 		Table rules
 	*/
diff --git a/styles/client/mobile.css b/styles/client/mobile.css
index 70e17dd..92bf6e4 100644
--- a/styles/client/mobile.css
+++ b/styles/client/mobile.css
@@ -78,8 +78,4 @@
 		box-sizing: border-box;
 
 	}
-
-	div.game {
-		height: 12.5%;
-	}
 }
diff --git a/styles/input.css b/styles/input.css
index f39a7f1..714910f 100644
--- a/styles/input.css
+++ b/styles/input.css
@@ -46,7 +46,7 @@ input[type=button]:active, input[type=submit]:active, button:active, a:active
 
 /*    Text, date, number, and time input    */
 
-input[type=text], input[type=date], input[type=time], input[type="number"]
+input[type=text], input[type=password], input[type=date], input[type=time], input[type="number"]
 {
 	border: 2px solid var(--input-border-text);
 	border-radius: 3px;
@@ -56,12 +56,12 @@ input[type=text], input[type=date], input[type=time], input[type="number"]
 	font-size: 1em;
 }
 
-input[type=text]:hover, input[type=date]:hover, input[type=time]:hover, input[type="number"]:hover
+input[type=text]:hover, input[type=password]:hover, input[type=date]:hover, input[type=time]:hover, input[type="number"]:hover
 {
 	border-color: var(--input-border-text-hover);
 }
 
-input[type=text]:focus, input[type=date]:focus, input[type=time]:focus, input[type="number"]:focus
+input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=time]:focus, input[type="number"]:focus
 {
 	border-color: var(--input-border-text-active);
 }
-- 
cgit v1.2.3