From f00165962e9a4efba6b8688e03231a31285ca2c0 Mon Sep 17 00:00:00 2001
From: Tim Ktitarev <tim.ktitarev@online.de>
Date: Sun, 22 Mar 2020 13:17:09 +0100
Subject: [PATCH] Fixed circles in the status bar Removed rectangle feedback
 box when tapping something on a mobile device

---
 src/App.vue                 | 6 ++++++
 src/views/Questionnaire.vue | 5 -----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3ea3f01..6ca0cc6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -32,6 +32,12 @@
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }
 
+  /* disables the rectangle feedback box when tapping something on a mobile device */
+  * { 
+      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      -moz-tap-highlight-color: rgba(0, 0, 0, 0);
+  }
+
   h1 {
     font-size: 1.2em;
     line-height: 1em;
diff --git a/src/views/Questionnaire.vue b/src/views/Questionnaire.vue
index 03e4628..29b76b6 100644
--- a/src/views/Questionnaire.vue
+++ b/src/views/Questionnaire.vue
@@ -36,15 +36,10 @@
         justify-content: center;
     }
     .point {
-        font-family: sans-serif;
-        padding: 0.1em 0 0 0;
         margin: 0.2em;
         width: 0.5em;
         height: 0.5em;
         border-radius: 50%;
-        font-size: 0.9em;
-        color: #000000;
-        text-align: center;
         background: transparent;
         border: 2px solid #23286b;
         user-select: none;