From 8ec9edb126c760bdf78c96aeb49d46d459f14d51 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Wed, 25 Mar 2026 21:09:37 +0100
Subject: [PATCH] fix: rose warning bar + proper Discard button sizing

---
 components/settings/unified/tabs/SiteBotSpamTab.tsx    | 8 ++++----
 components/settings/unified/tabs/SiteGeneralTab.tsx    | 8 ++++----
 components/settings/unified/tabs/SitePrivacyTab.tsx    | 8 ++++----
 components/settings/unified/tabs/SiteVisibilityTab.tsx | 8 ++++----
 4 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/components/settings/unified/tabs/SiteBotSpamTab.tsx b/components/settings/unified/tabs/SiteBotSpamTab.tsx
index 99186e3..e8eaa8b 100644
--- a/components/settings/unified/tabs/SiteBotSpamTab.tsx
+++ b/components/settings/unified/tabs/SiteBotSpamTab.tsx
@@ -227,17 +227,17 @@ export default function SiteBotSpamTab({ siteId, onDirtyChange, hasPendingAction
       {isDirty && (
         <div className={`sticky bottom-0 -mx-6 -mb-6 px-6 py-3 backdrop-blur-md border-t flex items-center justify-between transition-colors ${
           hasPendingAction
-            ? 'bg-red-950/90 border-red-800/60'
+            ? 'bg-rose-950/95 border-rose-800/50'
             : 'bg-neutral-950/90 border-neutral-800'
         }`}>
-          <span className={`text-xs font-medium ${hasPendingAction ? 'text-red-200' : 'text-neutral-400'}`}>
+          <span className={`text-sm font-medium ${hasPendingAction ? 'text-rose-100' : 'text-neutral-400'}`}>
             {hasPendingAction ? 'Save or discard to continue' : 'Unsaved changes'}
           </span>
           <div className="flex items-center gap-2">
             {hasPendingAction && (
-              <button onClick={onDiscard} className="px-3 py-1.5 text-xs font-medium text-red-300 hover:text-white bg-red-800/30 hover:bg-red-800/50 rounded-lg transition-colors">
+              <Button onClick={onDiscard} variant="secondary" className="text-sm border-rose-700/50 text-rose-200 hover:bg-rose-900/40">
                 Discard
-              </button>
+              </Button>
             )}
             <Button onClick={handleSave} variant="primary" disabled={saving} className="text-sm">
               {saving ? 'Saving...' : 'Save Changes'}
diff --git a/components/settings/unified/tabs/SiteGeneralTab.tsx b/components/settings/unified/tabs/SiteGeneralTab.tsx
index 6631e1a..16bfc71 100644
--- a/components/settings/unified/tabs/SiteGeneralTab.tsx
+++ b/components/settings/unified/tabs/SiteGeneralTab.tsx
@@ -181,17 +181,17 @@ export default function SiteGeneralTab({ siteId, onDirtyChange, hasPendingAction
       {isDirty && (
         <div className={`sticky bottom-0 -mx-6 -mb-6 px-6 py-3 backdrop-blur-md border-t flex items-center justify-between transition-colors ${
           hasPendingAction
-            ? 'bg-red-950/90 border-red-800/60'
+            ? 'bg-rose-950/95 border-rose-800/50'
             : 'bg-neutral-950/90 border-neutral-800'
         }`}>
-          <span className={`text-xs font-medium ${hasPendingAction ? 'text-red-200' : 'text-neutral-400'}`}>
+          <span className={`text-sm font-medium ${hasPendingAction ? 'text-rose-100' : 'text-neutral-400'}`}>
             {hasPendingAction ? 'Save or discard to continue' : 'Unsaved changes'}
           </span>
           <div className="flex items-center gap-2">
             {hasPendingAction && (
-              <button onClick={onDiscard} className="px-3 py-1.5 text-xs font-medium text-red-300 hover:text-white bg-red-800/30 hover:bg-red-800/50 rounded-lg transition-colors">
+              <Button onClick={onDiscard} variant="secondary" className="text-sm border-rose-700/50 text-rose-200 hover:bg-rose-900/40">
                 Discard
-              </button>
+              </Button>
             )}
             <Button onClick={handleSave} variant="primary" disabled={saving} className="text-sm">
               {saving ? 'Saving...' : 'Save Changes'}
diff --git a/components/settings/unified/tabs/SitePrivacyTab.tsx b/components/settings/unified/tabs/SitePrivacyTab.tsx
index 90b7097..092c578 100644
--- a/components/settings/unified/tabs/SitePrivacyTab.tsx
+++ b/components/settings/unified/tabs/SitePrivacyTab.tsx
@@ -254,17 +254,17 @@ export default function SitePrivacyTab({ siteId, onDirtyChange, hasPendingAction
       {isDirty && (
         <div className={`sticky bottom-0 -mx-6 -mb-6 px-6 py-3 backdrop-blur-md border-t flex items-center justify-between transition-colors ${
           hasPendingAction
-            ? 'bg-red-950/90 border-red-800/60'
+            ? 'bg-rose-950/95 border-rose-800/50'
             : 'bg-neutral-950/90 border-neutral-800'
         }`}>
-          <span className={`text-xs font-medium ${hasPendingAction ? 'text-red-200' : 'text-neutral-400'}`}>
+          <span className={`text-sm font-medium ${hasPendingAction ? 'text-rose-100' : 'text-neutral-400'}`}>
             {hasPendingAction ? 'Save or discard to continue' : 'Unsaved changes'}
           </span>
           <div className="flex items-center gap-2">
             {hasPendingAction && (
-              <button onClick={onDiscard} className="px-3 py-1.5 text-xs font-medium text-red-300 hover:text-white bg-red-800/30 hover:bg-red-800/50 rounded-lg transition-colors">
+              <Button onClick={onDiscard} variant="secondary" className="text-sm border-rose-700/50 text-rose-200 hover:bg-rose-900/40">
                 Discard
-              </button>
+              </Button>
             )}
             <Button onClick={handleSave} variant="primary" disabled={saving} className="text-sm">
               {saving ? 'Saving...' : 'Save Changes'}
diff --git a/components/settings/unified/tabs/SiteVisibilityTab.tsx b/components/settings/unified/tabs/SiteVisibilityTab.tsx
index ec6a977..1b83b9e 100644
--- a/components/settings/unified/tabs/SiteVisibilityTab.tsx
+++ b/components/settings/unified/tabs/SiteVisibilityTab.tsx
@@ -150,17 +150,17 @@ export default function SiteVisibilityTab({ siteId, onDirtyChange, hasPendingAct
       {isDirty && (
         <div className={`sticky bottom-0 -mx-6 -mb-6 px-6 py-3 backdrop-blur-md border-t flex items-center justify-between transition-colors ${
           hasPendingAction
-            ? 'bg-red-950/90 border-red-800/60'
+            ? 'bg-rose-950/95 border-rose-800/50'
             : 'bg-neutral-950/90 border-neutral-800'
         }`}>
-          <span className={`text-xs font-medium ${hasPendingAction ? 'text-red-200' : 'text-neutral-400'}`}>
+          <span className={`text-sm font-medium ${hasPendingAction ? 'text-rose-100' : 'text-neutral-400'}`}>
             {hasPendingAction ? 'Save or discard to continue' : 'Unsaved changes'}
           </span>
           <div className="flex items-center gap-2">
             {hasPendingAction && (
-              <button onClick={onDiscard} className="px-3 py-1.5 text-xs font-medium text-red-300 hover:text-white bg-red-800/30 hover:bg-red-800/50 rounded-lg transition-colors">
+              <Button onClick={onDiscard} variant="secondary" className="text-sm border-rose-700/50 text-rose-200 hover:bg-rose-900/40">
                 Discard
-              </button>
+              </Button>
             )}
             <Button onClick={handleSave} variant="primary" disabled={saving} className="text-sm">
               {saving ? 'Saving...' : 'Save Changes'}