From 262de206022d6f030dace6a23dce4e6b3fd8ac3c Mon Sep 17 00:00:00 2001
From: Alessio Cappa <104093777+alessiocappa@users.noreply.github.com>
Date: Fri, 23 Jan 2026 00:24:29 +0100
Subject: [PATCH] fix: Use right arrow position when collapsing sections (#746)

---
 app/javascript/controllers/dashboard_section_controller.js    | 4 ++--
 app/javascript/controllers/reports_section_controller.js      | 4 ++--
 app/javascript/controllers/transactions_section_controller.js | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/javascript/controllers/dashboard_section_controller.js b/app/javascript/controllers/dashboard_section_controller.js
index 6c7067ebe..154f89e55 100644
--- a/app/javascript/controllers/dashboard_section_controller.js
+++ b/app/javascript/controllers/dashboard_section_controller.js
@@ -33,7 +33,7 @@ export default class extends Controller {
 
   collapse(persist = true) {
     this.contentTarget.classList.add("hidden");
-    this.chevronTarget.classList.add("rotate-180");
+    this.chevronTarget.classList.add("-rotate-90");
     this.collapsedValue = true;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "false");
@@ -45,7 +45,7 @@ export default class extends Controller {
 
   expand() {
     this.contentTarget.classList.remove("hidden");
-    this.chevronTarget.classList.remove("rotate-180");
+    this.chevronTarget.classList.remove("-rotate-90");
     this.collapsedValue = false;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "true");
diff --git a/app/javascript/controllers/reports_section_controller.js b/app/javascript/controllers/reports_section_controller.js
index 6ed08a8b7..76aedf006 100644
--- a/app/javascript/controllers/reports_section_controller.js
+++ b/app/javascript/controllers/reports_section_controller.js
@@ -33,7 +33,7 @@ export default class extends Controller {
 
   collapse(persist = true) {
     this.contentTarget.classList.add("hidden");
-    this.chevronTarget.classList.add("rotate-180");
+    this.chevronTarget.classList.add("-rotate-90");
     this.collapsedValue = true;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "false");
@@ -45,7 +45,7 @@ export default class extends Controller {
 
   expand() {
     this.contentTarget.classList.remove("hidden");
-    this.chevronTarget.classList.remove("rotate-180");
+    this.chevronTarget.classList.remove("-rotate-90");
     this.collapsedValue = false;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "true");
diff --git a/app/javascript/controllers/transactions_section_controller.js b/app/javascript/controllers/transactions_section_controller.js
index ef2f7391c..67915a549 100644
--- a/app/javascript/controllers/transactions_section_controller.js
+++ b/app/javascript/controllers/transactions_section_controller.js
@@ -33,7 +33,7 @@ export default class extends Controller {
 
   collapse(persist = true) {
     this.contentTarget.classList.add("hidden");
-    this.chevronTarget.classList.add("rotate-180");
+    this.chevronTarget.classList.add("-rotate-90");
     this.collapsedValue = true;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "false");
@@ -45,7 +45,7 @@ export default class extends Controller {
 
   expand() {
     this.contentTarget.classList.remove("hidden");
-    this.chevronTarget.classList.remove("rotate-180");
+    this.chevronTarget.classList.remove("-rotate-90");
     this.collapsedValue = false;
     if (this.hasButtonTarget) {
       this.buttonTarget.setAttribute("aria-expanded", "true");