spanish-quizzer

commit 90626c6b6a737a0d0d937ae8baa522a70a8a8b24
parent 33b688f9e375a0b6e54248ed00844fccfad6b1d6
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Thu, 25 Mar 2021 08:46:31 -0700

Improve tap target sizing

Diffstat:
M
css/app.css
 | 
1
+
M
css/settingsPage.css
 | 
5
+++++
M
manifest.json
 | 
28
++++++++++++++--------------

3 files changed, 20 insertions(+), 14 deletions(-)
diff --git a/css/app.css b/css/app.css
@@ -11,6 +11,7 @@
     display: flex;
     flex-direction: row;
     justify-content: center;
+    margin-bottom: 5px;
 }
 .home main button {
     width: 175px;
diff --git a/css/settingsPage.css b/css/settingsPage.css
@@ -27,6 +27,11 @@
 .settingsInput .resetSettings button {
     padding: 5px 15px;
 }
+@media only screen and (max-width: 800px) {
+    .settingsInput div, .settingsInput h2 {
+        margin-bottom: 10px;
+    }
+}
 @media only screen and (max-width: 500px) {
     .settingsInput .resetSettings button {
         width: 100%;
diff --git a/manifest.json b/manifest.json
@@ -5,30 +5,30 @@
     "display": "fullscreen",
     "icons": [
         {
-        "src": "images/favicon-32.png",
-        "sizes": "32x32"
+            "src": "images/favicon-32.png",
+            "sizes": "32x32"
         },
         {
-        "src": "images/favicon-180.png",
-        "sizes": "180x180"
+            "src": "images/favicon-180.png",
+            "sizes": "180x180"
         },
         {
-        "src": "images/favicon-192.png",
-        "sizes": "192x192"
+            "src": "images/favicon-192.png",
+            "sizes": "192x192"
         },
         {
-        "src": "images/favicon-192-maskable.png",
-        "sizes": "192x192",
-        "purpose": "maskable"
+            "src": "images/favicon-192-maskable.png",
+            "sizes": "192x192",
+            "purpose": "maskable"
         },
         {
-        "src": "images/favicon-512.png",
-        "sizes": "512x512"
+            "src": "images/favicon-512.png",
+            "sizes": "512x512"
         },
         {
-        "src": "images/favicon-512-maskable.png",
-        "sizes": "512x512",
-        "purpose": "maskable"
+            "src": "images/favicon-512-maskable.png",
+            "sizes": "512x512",
+            "purpose": "maskable"
         }
     ],
     "lang": "en-US",