From baddc87c907ddfdf925b7078924d8a1bc0df110d Mon Sep 17 00:00:00 2001
From: omair saleh <uldvstar@gmail.com>
Date: Mon, 21 Jun 2021 14:30:29 +0800
Subject: [PATCH] create urgent list page

---
 .../sections/UrgentListSectionComponent.vue   | 40 +++++++++++--------
 1 file changed, 24 insertions(+), 16 deletions(-)

diff --git a/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue b/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue
index c9600454..c7e6c174 100644
--- a/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue
+++ b/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue
@@ -1,22 +1,30 @@
 <template>
-    <div class="table-responsive">
-        <table class="table table-hover">
-            <thead>
-            <tr>
-                <th style="width:20%">Date</th>
-                <th style="width:20%">Reference</th>
-                <th style="width:29%">Marking</th>
-                <th style="width:15%">Amount</th>
-            </tr>
-            </thead>
-            <tbody>
-            <urgent-transaction-component v-for="item in list" v-bind:key="item.id" :data="item"></urgent-transaction-component>
-            </tbody>
-        </table>
-    </div>
     <div class="row">
         <div class="col">
-            <pagination-component :section="section" class="mb-5" ref="pagination"></pagination-component>
+            <div class="row">
+                <div class="col">
+                    <div class="table-responsive">
+                        <table class="table table-hover">
+                            <thead>
+                            <tr>
+                                <th style="width:20%">Date</th>
+                                <th style="width:20%">Reference</th>
+                                <th style="width:29%">Marking</th>
+                                <th style="width:15%">Amount</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                            <urgent-transaction-component v-for="item in list" v-bind:key="item.id" :data="item"></urgent-transaction-component>
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <pagination-component :section="section" class="mb-5" ref="pagination"></pagination-component>
+                </div>
+            </div>
         </div>
     </div>
 </template>