From 344838e0cd9afcc1e1975516f5ec0598d01def39 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Fri, 13 Mar 2026 16:44:00 +0100
Subject: [PATCH] style: use subtle inline text for verified status in settings

---
 app/sites/[id]/settings/page.tsx | 61 +++++++++++++++++---------------
 1 file changed, 32 insertions(+), 29 deletions(-)

diff --git a/app/sites/[id]/settings/page.tsx b/app/sites/[id]/settings/page.tsx
index 087f6ee..b8a3bbc 100644
--- a/app/sites/[id]/settings/page.tsx
+++ b/app/sites/[id]/settings/page.tsx
@@ -709,35 +709,38 @@ export default function SiteSettingsPage() {
                       className="mb-4"
                     />
 
-                    {site.is_verified ? (
-                      <div className="flex items-center justify-between mt-4 px-4 py-3 rounded-xl bg-green-50 dark:bg-green-900/10 border border-green-200 dark:border-green-900/30">
-                        <div className="flex items-center gap-2 text-sm font-medium text-green-700 dark:text-green-400">
-                          <CheckIcon className="w-4 h-4" />
-                          Script verified — your site is sending data correctly.
-                        </div>
-                        <button
-                          type="button"
-                          onClick={() => setShowVerificationModal(true)}
-                          className="text-xs text-green-600 dark:text-green-500 hover:underline"
-                        >
-                          Re-verify
-                        </button>
-                      </div>
-                    ) : (
-                      <div className="flex items-center gap-4 mt-4">
-                        <button
-                          type="button"
-                          onClick={() => setShowVerificationModal(true)}
-                          className="flex items-center gap-2 px-4 py-2 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 text-neutral-700 dark:text-neutral-300 rounded-xl hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-all text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-orange focus-visible:ring-offset-2"
-                        >
-                          <ZapIcon className="w-4 h-4" />
-                          Verify Installation
-                        </button>
-                        <p className="text-xs text-neutral-500 dark:text-neutral-400">
-                          Check if your site is sending data correctly.
-                        </p>
-                      </div>
-                    )}
+                    <div className="flex items-center gap-4 mt-4">
+                      {site.is_verified ? (
+                        <>
+                          <div className="flex items-center gap-2 text-sm text-green-600 dark:text-green-500">
+                            <CheckIcon className="w-4 h-4" />
+                            <span>Verified</span>
+                          </div>
+                          <span className="text-neutral-300 dark:text-neutral-700">·</span>
+                          <button
+                            type="button"
+                            onClick={() => setShowVerificationModal(true)}
+                            className="text-xs text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300 transition-colors"
+                          >
+                            Re-verify
+                          </button>
+                        </>
+                      ) : (
+                        <>
+                          <button
+                            type="button"
+                            onClick={() => setShowVerificationModal(true)}
+                            className="flex items-center gap-2 px-4 py-2 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 text-neutral-700 dark:text-neutral-300 rounded-xl hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-all text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-orange focus-visible:ring-offset-2"
+                          >
+                            <ZapIcon className="w-4 h-4" />
+                            Verify Installation
+                          </button>
+                          <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                            Check if your site is sending data correctly.
+                          </p>
+                        </>
+                      )}
+                    </div>
                   </div>
 
                     <div className="pt-4 border-t border-neutral-100 dark:border-neutral-800 flex justify-end">