summaryrefslogtreecommitdiff
path: root/styles
diff options
context:
space:
mode:
Diffstat (limited to 'styles')
-rw-r--r--styles/client/base.css14
-rw-r--r--styles/client/desktop.css6
-rw-r--r--styles/client/mobile.css4
-rw-r--r--styles/input.css6
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);
}