From 433d94d5bc10923d2a403000e6b0e2c83632c2c8 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 9 Jun 2024 12:53:58 -0500
Subject: [PATCH] Refine setup checklist styles

---
 src/site/SiteChecklistClient.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/site/SiteChecklistClient.tsx b/src/site/SiteChecklistClient.tsx
index b60390e4..0d4e0a07 100644
--- a/src/site/SiteChecklistClient.tsx
+++ b/src/site/SiteChecklistClient.tsx
@@ -136,7 +136,7 @@ export default function SiteChecklistClient({
     </div>;
 
   const renderEnvVars = (variables: string[]) =>
-    <div className="py-0.5">
+    <div className="pt-1 space-y-1">
       {variables.map(envVar => renderEnvVar(envVar))}
     </div>;
 
@@ -244,9 +244,11 @@ export default function SiteChecklistClient({
           {!hasAuthSecret &&
             <div className="overflow-x-auto">
               <InfoBlock className="my-1.5 inline-flex" padding="tight">
-                <div className="flex flex-nowrap items-center gap-4">
+                <div className={clsx(
+                  'flex flex-nowrap items-center gap-2 leading-none -mx-1',
+                )}>
                   <span>{secret}</span>
-                  <div className="flex items-center gap-0.5">
+                  <div className="flex items-center gap-0.5 translate-y-[-2px]">
                     {renderCopyButton('Secret', secret)}
                     <LoaderButton
                       icon={<BiRefresh size={18} />}