From b6fba35004f1781fcaf2f3c0fe84dde8c6b46a3c Mon Sep 17 00:00:00 2001
From: Luca Sacchi Ricciardi <luca.sacchi@gmail.com>
Date: Sat, 25 Apr 2026 18:00:59 +0200
Subject: [PATCH] fix: chevron SVG usa width/height e transform inline invece
 di classi Tailwind

---
 app/web/static/js/app.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/web/static/js/app.js b/app/web/static/js/app.js
index d4456ac..86e1b9d 100644
--- a/app/web/static/js/app.js
+++ b/app/web/static/js/app.js
@@ -376,7 +376,8 @@ class LLMMonitorApp {
                     onclick="app.toggleAccordion('${contentId}', this)"
                     aria-expanded="${isFirst}">
                     <span class="font-semibold text-sm text-gray-200">${label}</span>
-                    <svg class="accordion-chevron w-4 h-4 text-gray-400 transition-transform duration-200 ${isFirst ? "rotate-180" : ""}"
+                    <svg class="accordion-chevron text-gray-400"
+                        width="16" height="16" style="flex-shrink:0;transition:transform 0.2s;transform:${isFirst ? "rotate(180deg)" : "rotate(0deg)"}"
                         fill="none" stroke="currentColor" viewBox="0 0 24 24">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                     </svg>
@@ -495,7 +496,9 @@ class LLMMonitorApp {
         const isHidden = content.classList.contains("hidden");
         content.classList.toggle("hidden", !isHidden);
         const chevron = btn.querySelector(".accordion-chevron");
-        if (chevron) chevron.classList.toggle("rotate-180", isHidden);
+        if (chevron) {
+            chevron.style.transform = isHidden ? "rotate(180deg)" : "";
+        }
         btn.setAttribute("aria-expanded", String(isHidden));
     }