From 9257c960ea21c93df0b328427ec1caf9bcaf5a97 Mon Sep 17 00:00:00 2001
From: Matthew Grove <me@mgrove.uk>
Date: Sat, 27 Nov 2021 16:45:12 +0000
Subject: [PATCH] Improve font sizes during tests

---
 src/css/Progress.css | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/css/Progress.css b/src/css/Progress.css
index 0d127bc..1fb1c4f 100644
--- a/src/css/Progress.css
+++ b/src/css/Progress.css
@@ -9,7 +9,7 @@
 	max-width: 500px;
 	flex-grow: 1;
 	margin-right: 8px;
-	font-size: 24px;
+	font-size: 36px;
 }
 
 .answer-input-container.answer-input-container--answer-entered > input {
@@ -25,7 +25,7 @@
 }
 
 .current-prompt {
-	font-size: 24px;
+	font-size: 46px;
 }
 
 .progress-end-incorrect-answers {
@@ -129,16 +129,37 @@
 }
 
 
-@media screen and (max-width: 660px) {
+@media screen and (max-width: 880px) {
+	.current-prompt {
+		font-size: 36px;
+	}
+	.answer-input-container > input {
+		font-size: 32px;
+	}
+}
+
+@media screen and (max-width: 700px) {
 	.progress-settings-overlay-content > .settings-themes-container {
 		width: 100%;
 	}
+	.current-prompt {
+		font-size: 30px;
+	}
+	.answer-input-container > input {
+		font-size: 26px;
+	}
 }
 
 @media screen and (max-width: 500px) {
 	.progress-settings-overlay-content {
 		width: 75%;
 	}
+	.current-prompt {
+		font-size: 26px;
+	}
+	.answer-input-container > input {
+		font-size: 24px;
+	}
 }
 
 @media screen and (max-height: 700px) {