From 5356098cc418e8087b72678fa65995c2ff66c481 Mon Sep 17 00:00:00 2001
From: omair saleh <uldvstar@gmail.com>
Date: Wed, 2 Mar 2022 20:37:51 +0800
Subject: [PATCH] show estimated parcel cbm

---
 .../vue/components/orders/elements/ParcelComponent.vue   | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/resources/assets/vue/components/orders/elements/ParcelComponent.vue b/resources/assets/vue/components/orders/elements/ParcelComponent.vue
index 6563983f..ad9902aa 100644
--- a/resources/assets/vue/components/orders/elements/ParcelComponent.vue
+++ b/resources/assets/vue/components/orders/elements/ParcelComponent.vue
@@ -18,6 +18,11 @@
                 </div>
                 <div class="col">
                     <div class="row align-items-center">
+                        <div class="col">
+                            <div class="row">
+
+                            </div>
+                        </div>
                         <div class="col-auto">
                             <p class="no-margin all-caps fs-10 light">Arrival Date</p>
                             <p class="no-margin text-success bold">{{item.transport ? item.transport.drop_date : 'n/a'}}</p>
@@ -30,11 +35,11 @@
                             <p class="no-margin all-caps fs-10 light">Est. CBM</p>
                             <p class="no-margin">{{((parseFloat(item.cbm) * 1000) / 1000).toFixed(3)}}</p>
                         </div>
-                        <div class="col-auto" v-if="$store.getters.isAdmin">
+                        <div class="col" v-if="$store.getters.isAdmin">
                             <p class="no-margin all-caps fs-10 light">Warehouse</p>
                             <p class="no-margin">{{item.order.warehouse.reference}}</p>
                         </div>
-                        <div class="col text-right">
+                        <div class="col-auto text-right">
                             <div class="btn btn-xs btn-default" @click="expanded = !expanded"><i class="fa" :class="{'fa-angle-up': expanded, 'fa-angle-down': !expanded}"></i></div>
                         </div>
                     </div>