From 6686bf43ee41baca2a48fd40a4a01d1105d0e7ac Mon Sep 17 00:00:00 2001
From: Aqqil Azman <aqqil.azman99@gmail.com>
Date: Thu, 16 May 2024 19:17:10 +0800
Subject: [PATCH] feat: realign and changed icons

---
 .../elements/TransactionGroupComponent.vue    | 59 ++++++++++---------
 1 file changed, 30 insertions(+), 29 deletions(-)

diff --git a/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue b/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
index 615be555..1ff74398 100644
--- a/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
@@ -17,35 +17,36 @@
                                 {{item.issuer_name}}
                             </div>
                         </div>
-                        <div class="col-auto">
-                            <div class="font-heading fs-10 muted all-caps">Export</div>
-                                    <!-- pdf format output button-->
-                                    <a :href="route('group.pdf', item.id)" target="_blank">
-                                        <button class="btn btn-xs b-rad-none">
-                                            <i class="fa fa-file-pdf-o"></i>
-                                        </button>
-                                    </a>
-
-                                    <!-- txt format output button-->
-                                    <a :href="route('group.text', item.id)" target="_blank"> 
-                                        <button class="btn btn-xs b-rad-none">
-                                            <i class="fa solid fa-file-text"></i>
-                                        </button>
-                                    </a>
-                                    
-                                    <!-- csv format output button-->
-                                    <a :href="route('group.excel', item.id)" target="_blank">
-                                        <button class="btn btn-xs b-rad-none">
-                                            <i class="fa solid fa-file-excel-o"></i>
-                                        </button>
-                                    </a>
-
-                                    <!-- invoice format output button-->
-                                    <a :href="route('group.invoice', item.id)" target="_blank">
-                                        <button class="btn btn-xs b-rad-none">
-                                            <i class="fa fa-list-alt" aria-hidden="true"></i>
-                                        </button>
-                                    </a>
+                        <div class="col">
+                            <div class="font-heading fs-10 muted all-caps text-right">Export</div>
+                                <div class="row parentcontainer">
+                                        <div class="col d-flex justify-content-end">
+                                            <!-- pdf format output button-->
+                                            <a :href="route('group.pdf', item.id)" target="_blank">
+                                                <button class="btn btn-xs b-rad-none">
+                                                    <i class="fa fa-file-pdf-o"></i>
+                                                </button>
+                                            </a>
+                                            <!-- txt format output button-->
+                                            <a :href="route('group.text', item.id)" target="_blank"> 
+                                                <button class="btn btn-xs b-rad-none">
+                                                    <i class="fa solid fa-file-text-o"></i>
+                                                </button>
+                                            </a>
+                                            <!-- csv format output button-->
+                                            <a :href="route('group.excel', item.id)" target="_blank">
+                                                <button class="btn btn-xs b-rad-none">
+                                                    <i class="fa solid fa-file-excel-o"></i>
+                                                </button>
+                                            </a>
+                                            <!-- invoice format output button-->
+                                            <a :href="route('group.invoice', item.id)" target="_blank">
+                                                <button class="btn btn-xs b-rad-none">
+                                                    <i class="fa fa-list-alt" aria-hidden="true"></i>
+                                                </button>
+                                            </a>
+                                        </div>
+                                </div>
                         </div>
                     </div>