From 7e57806dd29dcf0f17699afb2fdf993281b4ba97 Mon Sep 17 00:00:00 2001
From: Yash Maheshwari <yashmaheshwari551@gmail.com>
Date: Wed, 10 Apr 2024 16:34:51 +0530
Subject: [PATCH] Removed: unwanted css for empty-state handling(#142)

---
 src/views/BrokeringRuns.vue | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/views/BrokeringRuns.vue b/src/views/BrokeringRuns.vue
index 8b9c143..5ed6d1f 100644
--- a/src/views/BrokeringRuns.vue
+++ b/src/views/BrokeringRuns.vue
@@ -67,12 +67,14 @@
             </ion-card>
           </section>
         </main>
-        <main class="empty-state" v-else>
-          <img src="../assets/images/BrokeringRunsEmptyState.png" />
-          <ion-button @click="addNewRun">
-            {{ translate("Create brokering run") }}
-            <ion-icon slot="end" :icon="arrowForwardOutline"></ion-icon>
-          </ion-button>
+        <main v-else>
+          <div class="empty-state">
+            <img src="../assets/images/BrokeringRunsEmptyState.png" />
+            <ion-button @click="addNewRun">
+              {{ translate("Create brokering run") }}
+              <ion-icon slot="end" :icon="arrowForwardOutline"></ion-icon>
+            </ion-button>
+          </div>
         </main>
       </div>
     </ion-content>
@@ -174,11 +176,6 @@ async function redirect(group: Group) {
 </script>
 
 <style scoped>
-.empty-state {
-  align-items: center;
-  gap: 0px;
-}
-
 @media (min-width: 991px) {
   main {
     display: flex;