From 6f376b7f912c6a93df3108194e4234836b096316 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Sun, 22 Aug 2021 19:40:12 +0200
Subject: [PATCH] Fix payments table layout

---
 resources/js/views/member/Payments.vue | 30 +++++++++++++-------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/resources/js/views/member/Payments.vue b/resources/js/views/member/Payments.vue
index c90ae2f7..d64ef464 100644
--- a/resources/js/views/member/Payments.vue
+++ b/resources/js/views/member/Payments.vue
@@ -9,25 +9,25 @@
             <button type="submit" class="btn btn-primary">Absenden</button>
         </form>
 
-        <div v-else class="custom-table custom-table-light custom-table-sm text-sm flex-grow">
-            <header>
-                <div>Nr</div>
-                <div>Status</div>
-                <div>Beitrag</div>
-                <div></div>
-            </header>
+        <table v-else class="custom-table custom-table-light custom-table-sm text-sm flex-grow">
+            <thead>
+                <th>Nr</th>
+                <th>Status</th>
+                <th>Beitrag</th>
+                <th></th>
+            </thead>
 
-            <div v-for="payment, index in value.payments">
-                <div v-text="payment.nr"></div>
-                <div v-text="payment.status_name"></div>
-                <div v-text="payment.subscription_name"></div>
-                <div class="flex">
+            <tr v-for="payment, index in value.payments">
+                <td v-text="payment.nr"></td>
+                <td v-text="payment.status_name"></td>
+                <td v-text="payment.subscription_name"></td>
+                <td class="flex">
                     <a href="#" @click.prevent="single = payment; mode = 'edit'" class="inline-flex btn btn-warning btn-sm"><sprite src="pencil"></sprite></a>
                     <inertia-link v-show="!payment.is_accepted" href="#" @click.prevent="accept(payment)" class="inline-flex btn btn-success btn-sm"><sprite src="check"></sprite></inertia-link>
                     <inertia-link href="#" @click.prevent="remove(payment)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></inertia-link>
-                </div>
-            </div>
-        </div>
+                </td>
+            </tr>
+        </table>
         <div class="flex flex-col pb-6 px-6">
             <a href="#" @click.prevent="openLink(link)" :class="{'disabled': link.disabled}" target="_BLANK" v-for="link in value.payment_links" class="mt-1 text-center btn btn-primary" v-text="link.label"></a>
         </div>