From 6576c994c9843706301f55fdaee4aee87ea0a1fb Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Tue, 15 Mar 2022 20:21:34 +0000
Subject: [PATCH] Improve layout

---
 web/src/components/TransactionRow.vue | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/web/src/components/TransactionRow.vue b/web/src/components/TransactionRow.vue
index fc222ca..5f6f561 100644
--- a/web/src/components/TransactionRow.vue
+++ b/web/src/components/TransactionRow.vue
@@ -47,15 +47,11 @@ function getStatusSymbol() {
 </script>
 
 <template>
-  <tr
-    v-if="dateChanged()"
-    class="table-row md:hidden"
-  >
-    <td
-      class="bg-gray-200 dark:bg-gray-800 rounded-lg p-2"
-      colspan="5"
-    >
-      {{ formatDate(TX.Date) }}
+  <tr v-if="dateChanged()" class="table-row md:hidden">
+    <td class="py-2" colspan="5">
+      <span class="bg-gray-400 dark:bg-slate-600 rounded-lg p-1 px-2 w-full block">
+        {{ formatDate(TX.Date) }}
+      </span>
     </td>
   </tr>
   <tr