From d57570067619085b63c44dbae94dac81152afa78 Mon Sep 17 00:00:00 2001 From: toxinu Date: Sat, 9 Oct 2021 19:52:48 +0000 Subject: [PATCH] Fix mobile and Firefox issues --- conjugation/drill.css | 35 ++++++++++++++++---- conjugation/drill.html | 73 ++++++++++++------------------------------ 2 files changed, 49 insertions(+), 59 deletions(-) diff --git a/conjugation/drill.css b/conjugation/drill.css index 63c96c7..c3ec339 100644 --- a/conjugation/drill.css +++ b/conjugation/drill.css @@ -25,11 +25,18 @@ body, input { #question { padding-top: 40px; padding-bottom: 40px; + margin-right: 8px; + margin-left: 8px; font-size: 16px; text-shadow: 2px 2px 4px var(--neutral-dark); + text-align: center; color: white; } +#questionFirstHalf { + margin-bottom: 8px; +} + #questionFirstHalf, #questionSecondHalf { margin-left: auto; @@ -53,21 +60,35 @@ body, input { font-size: 1.15rem; } } - -/* Small devices (landscape phones, 576px and up) */ -@media (min-width: 576px) { - +/* Small devices (landscape phones, below 576px) */ +@media (max-width: 576px) { #question { font-size: 24px; } #answer, .correct, .incorrect { - font-size: 24px; + font-size: 28px; } #responseButton { - font-size: 24px; - line-height: 24px; + font-size: 28px; + line-height: 28px; + } +} +/* Small devices (landscape phones, 576px and up) */ +@media (min-width: 576px) { + + #question { + font-size: 32px; + } + + #answer, .correct, .incorrect { + font-size: 32px; + } + + #responseButton { + font-size: 32px; + line-height: 32px; } } diff --git a/conjugation/drill.html b/conjugation/drill.html index ef3e2e6..32aaf5c 100755 --- a/conjugation/drill.html +++ b/conjugation/drill.html @@ -14,28 +14,20 @@ - -
-

Don's Japanese Conjugation Drill

-
-
-
-
- -
-
- +
+ +
+ -
+
-
-
- -
-
+
+ +
-
+
- +
-
+
-
+
@@ -71,11 +63,9 @@
-
- +
- -
+

Forms

@@ -108,10 +98,8 @@
-
- -
+

Verbs

@@ -130,7 +118,7 @@
-
+

Adjectives

@@ -150,7 +138,7 @@
Question pool size: ...
@@ -182,9 +170,7 @@
-
-

@@ -209,14 +195,10 @@

-
- -
- +
-
@@ -238,10 +220,7 @@
- - - +
@@ -250,20 +229,15 @@
-
- -
- -
-