Improve layout

2022-03-15 20:21:34 +00:00 · 2022-03-15 20:21:34 +00:00 · 6576c994c9
commit 6576c994c9
parent a552983ac4
1 changed files with 5 additions and 9 deletions
--- 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"
-    >
+  <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