diff options
| author | Kyle Gunger <kgunger12@gmail.com> | 2022-07-24 23:00:59 -0400 |
|---|---|---|
| committer | Kyle Gunger <kgunger12@gmail.com> | 2022-07-24 23:00:59 -0400 |
| commit | 7abeb4a35a0105b94e599de9970404c98790b4d9 (patch) | |
| tree | 0cbd81329df21fcdbc5a896a0711657fc60958a1 /styles | |
| parent | 50a1c6f8432b541d84a1326ae8515589440a3804 (diff) | |
Clean up game element
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/client/base.css | 14 | ||||
| -rw-r--r-- | styles/client/desktop.css | 6 | ||||
| -rw-r--r-- | styles/client/mobile.css | 4 | ||||
| -rw-r--r-- | styles/input.css | 6 |
4 files changed, 13 insertions, 17 deletions
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); } |