From 9957942d5e4c383e472b26f886c0d1439e1f8d0f Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 11 Oct 2023 11:39:05 -0500
Subject: [PATCH] Tweak checklist row positioning

---
 src/components/ChecklistRow.tsx  | 2 +-
 src/site/SiteChecklistClient.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ChecklistRow.tsx b/src/components/ChecklistRow.tsx
index f674f965..e0748fdb 100644
--- a/src/components/ChecklistRow.tsx
+++ b/src/components/ChecklistRow.tsx
@@ -25,7 +25,7 @@ export default function ChecklistRow({
         type={status ? 'checked' : optional ? 'optional' : 'missing'}
         loading={isPending}
       />
-      <div className="flex flex-col items-start">
+      <div className="flex flex-col justify-stretch flex-grow">
         <div className={cc(
           'font-bold dark:text-gray-300',
         )}>
diff --git a/src/site/SiteChecklistClient.tsx b/src/site/SiteChecklistClient.tsx
index c273389d..a001d164 100644
--- a/src/site/SiteChecklistClient.tsx
+++ b/src/site/SiteChecklistClient.tsx
@@ -153,7 +153,7 @@ export default function SiteChecklistClient({
           isPending={isPendingPage}
         >
           Store auth secret in environment variable:
-          <InfoBlock className="my-1.5" padding="tight">
+          <InfoBlock className="my-1.5 inline-flex" padding="tight">
             <div className="flex items-center gap-4">
               <span>{secret}</span>
               <div className="flex items-center gap-0.5">