From 6b3c37dd92abee9f760a8757f36b75fb3a2e6684 Mon Sep 17 00:00:00 2001
From: Giovanni Harting <539@idlegandalf.com>
Date: Thu, 25 Jan 2024 17:45:10 +0100
Subject: [PATCH] adjust currentlybuilding for mobile

---
 frontend/src/components/CurrentlyBuilding.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/CurrentlyBuilding.vue b/frontend/src/components/CurrentlyBuilding.vue
index 08a4677..9a73db6 100644
--- a/frontend/src/components/CurrentlyBuilding.vue
+++ b/frontend/src/components/CurrentlyBuilding.vue
@@ -7,8 +7,8 @@
     variant="elevated">
     <v-card-title>
       <v-row style="width: 100%" class="mt-2" align="center" no-gutters>
-        <v-col class="ms-2" cols="2" v-if="packageCount.building > 0" style="max-width: 130px">
-          <v-row no-gutters>
+        <v-col class="ms-2 me-2" cols="2" v-if="packageCount.building > 0" style="max-width: 130px">
+          <v-row no-gutters class="flex-nowrap">
             <div class="pulsating-circle-amber me-4" style="transform: translateY(10px)"  />
             <span>Building</span>
           </v-row>
@@ -26,6 +26,7 @@
             color="light-blue"
             height="10"
             rounded
+            style="min-width: 50px"
             striped></v-progress-linear>
         </v-col>
         <v-col class="text-grey me-2 justify-end pl-4 text-end"