Adjust Status.vue to have the text be inline to the badge.

This is because with some languages the equivalent of *down* was overflowing the badge

src/components/Status.vue

@@ -1,5 +1,7 @@
 <template>
-    <span class="badge rounded-pill" :class=" 'bg-' + color ">{{ text }}</span>
+    <label class="badge badge-pill" :class=" 'bg-' + color ">
+        <span>{{ text }}</span>
+    </label>
 </template>
 
 <script>