chet novoe

src/components/budgets/BudgetView.vue

@@ -223,9 +223,9 @@
             </div>
             <div class=" flex gap-2">
               <button v-for="categorySum in transactionCategoriesSums"
-                      class="rounded-full border p-1 bg-white border-gray-300 mb-2 px-2">
-                <p class="text-sm">{{ categorySum.category.name }}</p>:
-                {{ categorySum }} ₽
+                      class="rounded-xl border p-1 bg-white border-gray-300 mb-2 min-w-fit px-2">
+                <p> <span class="text-sm font-bold">{{ categorySum.category.name }}</span>: {{ categorySum.sum }} ₽</p>
+
               </button>
             </div>
             <div class="grid  grid-cols-1 gap-4 max-h-tlist overflow-y-auto pe-2">