From e184ef933f2fd9d5345453b268a6536cad5bfb8f Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Tue, 25 Jan 2022 12:54:33 +0000
Subject: [PATCH] Add container to wrap budget list

---
 web/src/pages/Dashboard.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/web/src/pages/Dashboard.vue b/web/src/pages/Dashboard.vue
index 5fc8ade..f2d3384 100644
--- a/web/src/pages/Dashboard.vue
+++ b/web/src/pages/Dashboard.vue
@@ -10,11 +10,14 @@ export default {
 </script>
 
 <template>
-    <v-card cols="12" md="6" v-for="budget in $store.getters.Budgets" class="budget-item">
-        <v-card-title class="text-h5 grey lighten-2">
-            <router-link v-bind:to="'/budget/'+budget.ID">{{budget.Name}}</router-link>
-        </v-card-title>
-        <v-card-text><span class="time"></span></v-card-text>
-    </v-card>
-    <NewBudget />
+    <h1>Budgets</h1>
+    <v-container>
+        <v-card v-for="budget in $store.getters.Budgets" class="budget-item">
+            <v-card-title class="text-h5 grey lighten-2">
+                <router-link v-bind:to="'/budget/'+budget.ID">{{budget.Name}}</router-link>
+            </v-card-title>
+            <v-card-text><span class="time"></span></v-card-text>
+        </v-card>
+        <NewBudget />
+    </v-container>
 </template>
\ No newline at end of file