fix threshold progress view

hotwax · Mar 1, 2024 · 77e1178 · 77e1178
1 parent f4b2856
commit 77e1178
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/views/FindFacilities.vue b/src/views/FindFacilities.vue
@@ -72,12 +72,12 @@
             </div>
 
             <div class="tablet">
-              <div class="ion-text-center" v-if="facility.orderLimitType === 'custom'">
+              <template class="ion-text-center" v-if="facility.orderLimitType === 'custom'">
                 <ion-chip outline @click.stop="changeOrderLimitPopover($event, facility)">
                   <ion-label>{{ facility.orderCount }} {{ '/' }} {{ facility.maximumOrderLimit }}</ion-label>
                 </ion-chip>
-                <ion-note>{{ translate('threshold consumed') }}</ion-note>
-              </div>
+                <ion-note class="config-label">{{ translate('threshold consumed') }}</ion-note>
+              </template>
 
               <ion-chip outline v-else-if="facility.orderLimitType === 'unlimited'" @click.stop="changeOrderLimitPopover($event, facility)">
                 <ion-label>{{ translate("Unlimited orders") }}</ion-label>
@@ -381,4 +381,9 @@ export default defineComponent({
 .list-item {
   --columns-desktop: 4;
 }
+
+config-note {
+  display: block;
+  text-align: center;
+}
 </style>