From d72ac520d29d3718cb3b46d76a05a2594dd179c0 Mon Sep 17 00:00:00 2001
From: Tim Ktitarev <tim.ktitarev@online.de>
Date: Sun, 22 Mar 2020 19:21:50 +0100
Subject: [PATCH] Changed width on desktop to absolute value

---
 src/views/HelpPage.vue      | 4 ++--
 src/views/Home.vue          | 4 ++--
 src/views/Questionnaire.vue | 3 +--
 src/views/Results.vue       | 2 +-
 src/views/Warning.vue       | 2 +-
 5 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/views/HelpPage.vue b/src/views/HelpPage.vue
index dac58c5..61666bb 100644
--- a/src/views/HelpPage.vue
+++ b/src/views/HelpPage.vue
@@ -5,12 +5,12 @@
 
   @media screen and (min-width : 906px) {
     .help {
-      width: 30%;
+      width: 600px;
       margin-left: auto;
       margin-right: auto;
     }
   }
-  
+
   button {
       width: 80%;
       margin-bottom: 5%;
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 3c34b85..6b8c587 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -5,10 +5,10 @@
     justify-content: center;
     padding: 0.5em;
   }
-  
+
   @media screen and (min-width : 906px) {
     .home {
-      width: 30%;
+      width: 600px;
       margin-left: auto;
       margin-right: auto;
     }
diff --git a/src/views/Questionnaire.vue b/src/views/Questionnaire.vue
index f25c872..b99760d 100644
--- a/src/views/Questionnaire.vue
+++ b/src/views/Questionnaire.vue
@@ -40,13 +40,12 @@
 <style scoped>
     @media screen and (min-width : 906px) {
     .questionnaire {
-        width: 30%;
+        width: 600px;
         margin-left: auto;
         margin-right: auto;
         }
     }
 
-
     #back-button {
         position: absolute;
         margin-left: 2%;
diff --git a/src/views/Results.vue b/src/views/Results.vue
index 58c590c..392e409 100644
--- a/src/views/Results.vue
+++ b/src/views/Results.vue
@@ -75,7 +75,7 @@
 
     @media screen and (min-width : 906px) {
         .results {
-            width: 30%;
+            width: 600px;
             margin-left: auto;
             margin-right: auto;
         }
diff --git a/src/views/Warning.vue b/src/views/Warning.vue
index 0c1a328..3404d4a 100644
--- a/src/views/Warning.vue
+++ b/src/views/Warning.vue
@@ -9,7 +9,7 @@
   
   @media screen and (min-width : 906px) {
     .warning {
-      width: 30%;
+      width: 600px;
       margin-left: auto;
       margin-right: auto;
     }