From 3a99d1a9368566afec0f98e67fb49c2d6903f464 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?= <gru@macbook.net.r.local>
Date: Thu, 18 Sep 2025 22:26:26 +0200
Subject: [PATCH] lepszy ux przyciskow

---
 static/js/chart_controls.js | 6 +++---
 templates/expenses.html     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/js/chart_controls.js b/static/js/chart_controls.js
index 6214386..1415315 100644
--- a/static/js/chart_controls.js
+++ b/static/js/chart_controls.js
@@ -60,15 +60,15 @@ document.addEventListener("DOMContentLoaded", function () {
 
     // ——— Podział na kategorie ———
     toggleCategory?.addEventListener("click", function () {
-        const active = this.classList.contains("btn-outline-primary");
+        const active = this.classList.contains("btn-outline-success");
         if (active) {
-            this.classList.remove("btn-outline-primary");
+            this.classList.remove("btn-outline-success");
             this.classList.add("btn-outline-light");
             this.setAttribute("aria-pressed", "false");
             this.textContent = "Przełącz na kategorie";
             window.setCategorySplit(false);
         } else {
-            this.classList.add("btn-outline-primary");
+            this.classList.add("btn-outline-success");
             this.classList.remove("btn-outline-light");
             this.setAttribute("aria-pressed", "true");
             this.textContent = "Przełącz na sumy";
diff --git a/templates/expenses.html b/templates/expenses.html
index b782964..541c906 100644
--- a/templates/expenses.html
+++ b/templates/expenses.html
@@ -145,7 +145,7 @@
               </div>
               <div>
                 <h6 class="text-white">Kategorie/Sumy wydatków</h6>
-                <button class="btn btn-outline-light btn-sm" id="toggleCategorySplit" aria-pressed="false">Przełącz na kategorie</button>
+                <button class="btn btn-outline-success btn-sm" id="toggleCategorySplit" aria-pressed="false">Przełącz na kategorie</button>
               </div>
             </div>