diff --git a/static/client.html b/static/client.html
index fe085e2..df992dc 100644
--- a/static/client.html
+++ b/static/client.html
@@ -13,7 +13,7 @@
body {
margin: 0;
- padding: 1em;
+ padding: 0;
height: 100%;
box-sizing: border-box;
font-family: sans-serif;
@@ -56,7 +56,7 @@
input#idinput {
text-align: center;
- font-size: 400%;
+ font-size: min(20vw, 400%);
border: 0.1em solid grey;
border-radius: 0.2em;
padding: 0.1em 0.3em;
@@ -73,26 +73,32 @@
body:not(.connected) p#nvotes::before {
content: "Enter 4-character Poll ID";
font-weight: normal;
+ font-size: min(8vw, 200%);
}
body:not(.connected) p#status::before {
- content: "Disconnected";
+ content: "No Session (yet)";
+ font-size: min(8vw, 200%);
}
body.connected p#status::before {
- content: "Connected";
+ content: "Connected. Please wait for the poll to start.";
+ font-size: min(4vw, 200%);
}
body.winner p#status::before {
content: "YOU WON!";
+ font-size: min(4vw, 200%);
}
body.polling p#status::before {
content: "Polling";
+ font-size: min(4vw, 200%);
}
body.error p#status::before {
- content: "Error";
+ content: "Error: No such session or unable to establish connection.";
+ font-size: min(4vw, 200%);
}
button {