From bfc2ccdf8ee09d9c06da76651723ab04d2499f54 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Thu, 18 Mar 2021 14:21:57 +0100
Subject: [PATCH] Fix surve progress bar styling

To prevent it from causing a linebreak
---
 client/src/pages/survey.vue    | 1 -
 client/src/styles/_survey.scss | 9 ++++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/client/src/pages/survey.vue b/client/src/pages/survey.vue
index 5c17bf3e..1594cf9c 100644
--- a/client/src/pages/survey.vue
+++ b/client/src/pages/survey.vue
@@ -132,7 +132,6 @@
                 answer
               }
             },
-            // fixme: make the update work instead of refetching
             update: (store, {data: {updateAnswer: {answer}}}) => {
               const query = SURVEY_QUERY;
               const variables = {id: this.id};
diff --git a/client/src/styles/_survey.scss b/client/src/styles/_survey.scss
index 2f6e5e7b..d62f6c11 100644
--- a/client/src/styles/_survey.scss
+++ b/client/src/styles/_survey.scss
@@ -64,10 +64,8 @@
     background-color: $color-silver-light;
     height: 0.3em;
     order: 3;
-    width: 40%;
-    //grid-area: progress;
+    width: 30%;
     position: relative;
-    margin-right: $progress-margin-right;
     box-sizing: border-box;
     display: flex;
 
@@ -88,8 +86,9 @@
 
     > span {
       position: absolute;
-      right: -$progress-margin-right;
-      top: -0.37em;
+      width: 100%;
+      text-align: right;
+      bottom: -2em;
       @include regular-text;
     }