From 5e9006bf331f730fe66175b7823e1f2478c89b63 Mon Sep 17 00:00:00 2001
From: Kevin Martinez <kevin.martinez@mindshore.io>
Date: Thu, 4 Jan 2024 00:58:08 -0400
Subject: [PATCH] Fix travel summary cards

---
 src/pages/Travel/Card/TravelSummary.vue | 112 ++++++++++--------------
 1 file changed, 45 insertions(+), 67 deletions(-)

diff --git a/src/pages/Travel/Card/TravelSummary.vue b/src/pages/Travel/Card/TravelSummary.vue
index 3bc5f0584..946bb7426 100644
--- a/src/pages/Travel/Card/TravelSummary.vue
+++ b/src/pages/Travel/Card/TravelSummary.vue
@@ -218,75 +218,53 @@ const openEntryDescriptor = () => {};
         </template>
 
         <template #body>
-            <QCard class="vn-one row justify-around" style="min-width: 100%">
-                <VnRow>
-                    <div class="col">
-                        <VnLv
-                            :label="t('globals.shipped')"
-                            :value="toDate(travel.shipped)"
+            <QCard class="vn-one">
+                <VnLv
+                    :label="t('globals.shipped')"
+                    :value="toDate(travel.shipped)"
+                />
+                <VnLv
+                    :label="t('globals.wareHouseOut')"
+                    :value="travel.warehouseOut?.name"
+                />
+                <VnLv :label="t('travel.summary.delivered')" class="q-mb-xs">
+                    <template #value>
+                        <QCheckbox
+                            v-model="travel.isDelivered"
+                            disable
+                            dense
+                            class="full-width q-my-xs"
                         />
-                    </div>
-                    <div class="col">
-                        <VnLv
-                            :label="t('globals.wareHouseOut')"
-                            :value="travel.warehouseOut?.name"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnLv :label="t('travel.summary.delivered')" class="q-mb-xs">
-                            <template #value>
-                                <QCheckbox
-                                    v-model="travel.isDelivered"
-                                    disable
-                                    dense
-                                    class="full-width q-my-xs"
-                                />
-                            </template>
-                        </VnLv>
-                    </div>
-                </VnRow>
-                <VnRow>
-                    <div class="col">
-                        <VnLv
-                            :label="t('globals.landed')"
-                            :value="toDate(travel.landed)"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnLv
-                            :label="t('globals.wareHouseIn')"
-                            :value="travel.warehouseIn?.name"
-                        />
-                    </div>
-                    <div class="col">
-                        <VnLv :label="t('travel.summary.received')" class="q-mb-xs">
-                            <template #value>
-                                <QCheckbox
-                                    v-model="travel.isReceived"
-                                    disable
-                                    dense
-                                    class="full-width q-mb-xs"
-                                />
-                            </template>
-                        </VnLv>
-                    </div>
-                </VnRow>
-                <VnRow>
-                    <div class="col">
-                        <VnLv :label="t('globals.agency')" :value="travel.agency?.name" />
-                    </div>
-                    <div class="col">
-                        <VnLv :label="t('globals.reference')" :value="travel.ref" />
-                    </div>
-                    <div class="col">
-                        <VnLv label="m³" :value="travel.m3" />
-                    </div>
-                    <div class="col">
-                        <VnLv :label="t('globals.totalEntries')" :value="travel.m3" />
-                    </div>
-                </VnRow>
+                    </template>
+                </VnLv>
             </QCard>
-            <QCard class="vn-two" v-if="entriesTableRows.length > 0">
+            <QCard class="vn-one">
+                <VnLv
+                    :label="t('globals.landed')"
+                    :value="toDate(travel.landed)"
+                />
+                <VnLv
+                    :label="t('globals.wareHouseIn')"
+                    :value="travel.warehouseIn?.name"
+                />
+                <VnLv :label="t('travel.summary.received')" class="q-mb-xs">
+                    <template #value>
+                        <QCheckbox
+                            v-model="travel.isReceived"
+                            disable
+                            dense
+                            class="full-width q-mb-xs"
+                        />
+                    </template>
+                </VnLv>
+            </QCard>
+            <QCard class="vn-one">
+                <VnLv :label="t('globals.agency')" :value="travel.agency?.name" />
+                <VnLv :label="t('globals.reference')" :value="travel.ref" />
+                <VnLv label="m³" :value="travel.m3" />
+                <VnLv :label="t('globals.totalEntries')" :value="travel.m3" />
+            </QCard>
+            <QCard class="full-width" v-if="entriesTableRows.length > 0">
                 <a class="header" :href="travelUrl + 'entry'">
                     {{ t('travel.summary.entries') }}
                     <QIcon name="open_in_new" color="primary" />