new version of budget view

src/components/budgets/BudgetView2.vue

@@ -942,9 +942,10 @@ onMounted(async () => {
                       <span class="text-2xl font-bold line-clamp-1">{{
                           category.name.category.icon
                         }} {{ category.name.category.name }}</span>
-                        <div class="flex flex-row line-clamp-1">
+                        <div class="flex flex-row line-clamp-1 gap-1">
 
-                          <span>{{ formatAmount(category.name.currentSpent) }} / </span>
+                          <span>{{ formatAmount(category.name.currentSpent) }} </span>
+                          <span> / </span>
                           <!-- Если редактируемая категория — показываем input -->
                           <input
                               v-if="editingCategoryId === category.name.category.id"
@@ -957,7 +958,7 @@ onMounted(async () => {
                           />
                           <!-- Если НЕ редактируем, показываем текст -->
                           <span v-else @click="startEditing(category)"
-                                class=" p-0 cursor-pointer hover:underline text-left">{{
+                                class=" p-0 cursor-pointer hover:underline text-left"> {{
                               formatAmount(category.name.currentLimit)
                             }} ₽</span>
                           <button v-if="category.transactions.length>0"