From d1a0296a5837b8c531d29215b6e149b54a9d5343 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Mon, 14 Mar 2022 19:12:46 +0000
Subject: [PATCH] Add margin before group

---
 web/src/pages/Budgeting.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/pages/Budgeting.vue b/web/src/pages/Budgeting.vue
index 066d57a..13a0c7b 100644
--- a/web/src/pages/Budgeting.vue
+++ b/web/src/pages/Budgeting.vue
@@ -96,13 +96,13 @@ function assignedChanged(e : Event, category : Category){
         <span class="hidden sm:block text-right">Available</span>
         <template v-for="group in GroupsForMonth">
             <span
-                class="text-lg font-bold"
+                class="text-lg font-bold mt-2"
                 @click="toggleGroup(group)"
             >{{ (getGroupState(group) ? "−" : "+") + " " + group.Name }}</span>
-            <Currency :value="group.AvailableLastMonth" class="hidden lg:block font-thin" positive-class="text-slate-500" negative-class="text-red-700 dark:text-red-400" />
-            <Currency :value="group.Assigned" class="hidden sm:block mx-2 text-right" positive-class="text-slate-500" negative-class="text-red-700 dark:text-red-400" />
-            <Currency :value="group.Activity" class="hidden sm:block" positive-class="text-slate-500" negative-class="text-red-700 dark:text-red-400" />
-            <Currency :value="group.Available" positive-class="text-slate-500" negative-class="text-red-700 dark:text-red-400" />
+            <Currency :value="group.AvailableLastMonth" class="hidden lg:block mt-2" positive-class="text-slate-500" negative-class="text-red-700 dark:text-red-400" />
+            <Currency :value="group.Assigned" class="hidden sm:block mx-2 mt-2 text-right" positive-class="text-slate-500" negative-class="text-red-700 dark:text-red-400" />
+            <Currency :value="group.Activity" class="hidden sm:block mt-2" positive-class="text-slate-500" negative-class="text-red-700 dark:text-red-400" />
+            <Currency :value="group.Available" class="mt-2" positive-class="text-slate-500" negative-class="text-red-700 dark:text-red-400" />
             <template v-for="category in GetCategories(group.Name)" v-if="getGroupState(group)">
                 <span class="whitespace-nowrap overflow-hidden">{{ category.Name }}</span>
                 <Currency :value="category.AvailableLastMonth" class="hidden lg:block" />