From 71689bbe975b67afc5eee449cd384af770c32603 Mon Sep 17 00:00:00 2001
From: TheFlow <theflow@sydigital.com>
Date: Mon, 3 Nov 2025 15:39:23 +1300
Subject: [PATCH] fix: feedback button visibility using inline styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Root cause: Tailwind arbitrary value z-[9999] was not in compiled CSS
(tailwind.css last modified Oct 9, feedback.js modified Nov 3).

Solution: Use inline styles with !important for all critical properties:
- position: fixed
- bottom/right positioning
- z-index: 999999
- display: flex
- visibility: visible
- opacity: 1

This bypasses Tailwind compilation issues and ensures button is visible.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 public/js/components/feedback.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/js/components/feedback.js b/public/js/components/feedback.js
index 371d15ef..71c35fd1 100644
--- a/public/js/components/feedback.js
+++ b/public/js/components/feedback.js
@@ -65,8 +65,8 @@ class TractausFeedback {
   renderFAB() {
     const fabHTML = `
       <button id="feedback-fab"
-              class="fixed bottom-6 right-6 z-[9999] bg-gradient-to-r from-blue-600 to-blue-700 text-white p-4 rounded-full shadow-lg hover:shadow-xl hover:scale-110 transition-all duration-200 group flex items-center gap-2"
-              style="z-index: 9999 !important;"
+              class="bg-gradient-to-r from-blue-600 to-blue-700 text-white p-4 rounded-full shadow-lg hover:shadow-xl hover:scale-110 transition-all duration-200 group flex items-center gap-2"
+              style="position: fixed !important; bottom: 1.5rem !important; right: 1.5rem !important; z-index: 999999 !important; display: flex !important; visibility: visible !important; opacity: 1 !important;"
               aria-label="Give Feedback"
               title="Give Feedback">
         <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">