From b343af8dfe896306c02f359c2c877f4af60e3359 Mon Sep 17 00:00:00 2001
From: gpkvt <git@21x9.org>
Date: Thu, 8 Jun 2023 00:54:26 +0200
Subject: [PATCH] improved display on small screens

---
 static/css/base.css | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/static/css/base.css b/static/css/base.css
index 98ce43e..5a0f90d 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -210,6 +210,12 @@ input[type="radio"] {
     font-weight: bold;
 }
 
+a:hover #help {
+    top: 5px;
+    width: 100%;
+    padding: 5px;
+}
+
 #next {
     text-align: center;
     width: 45%;
@@ -245,6 +251,27 @@ input[type="radio"] {
 }
 
 @media only screen and (max-width:640px) {
+    #header {
+        padding-top: 15px;
+        padding-bottom: 15px;
+    }
+
+    .a {
+        padding: 15px;
+        font-size: small;
+        text-indent: 0;
+    }
+
+    .b {
+        padding: 15px;
+        font-size: small;
+        text-indent: 0;
+    }
+
+    .o {
+        padding: 15px;
+    }
+
     #content {
         min-width: 95%;
         transform: none;
@@ -256,7 +283,8 @@ input[type="radio"] {
 
     #next {
         min-width: 100%;
-        margin-top: 20px;
+        margin-top: 10px;
+        height: 50px;
     }
 
     #questions {