From ca2d5bac8ab9e3ac68b3512d5ff8f270864289f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <contact@maciejpedzi.ch>
Date: Sun, 2 Jul 2023 16:29:45 +0200
Subject: [PATCH] Add padding to the progress bar

---
 src/views/Vote.vue | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/views/Vote.vue b/src/views/Vote.vue
index 0310827..708104e 100644
--- a/src/views/Vote.vue
+++ b/src/views/Vote.vue
@@ -64,15 +64,18 @@ watch(userReachedTriviaMilestone, (valueIsTrue) => {
           Which photo do you like more? Click one of three buttons below to
           choose.
         </p>
-        <v-progress-linear
-          color="primary"
-          height="20"
-          :model-value="completionPercentage"
-        >
-          <template v-slot:default="{ value }">
-            <strong>{{ value.toFixed(2) }}%</strong>
-          </template>
-        </v-progress-linear>
+        <div class="w-100 px-4">
+          <v-progress-linear
+            class="px-6"
+            color="primary"
+            height="20"
+            :model-value="completionPercentage"
+          >
+            <template v-slot:default="{ value }">
+              <strong>{{ value.toFixed(2) }}%</strong>
+            </template>
+          </v-progress-linear>
+        </div>
         <div
           class="py-lg-6 py-3 d-flex flex-lg-row flex-lg-row flex-column align-center"
         >