From f8d35c8e6dc4ac6c0703b5a654afd8ccc214656b Mon Sep 17 00:00:00 2001
From: Alex Kern <alex@kern.io>
Date: Wed, 18 Sep 2024 00:24:57 -0700
Subject: [PATCH] improve styling

---
 src/components/Downloader.tsx | 42 +++++++++++++++++++----------------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/src/components/Downloader.tsx b/src/components/Downloader.tsx
index f455b09..93092be 100644
--- a/src/components/Downloader.tsx
+++ b/src/components/Downloader.tsx
@@ -362,26 +362,30 @@ export default function Downloader({
   }
 
   return (
-    <form
-      action="#"
-      method="post"
-      onSubmit={handleSubmitPassword}
-      className="w-full"
-    >
+    <>
+      {errorMessage ? (
+        <TitleText>{errorMessage}</TitleText>
+      ) : (
+        <TitleText>This download requires a password.</TitleText>
+      )}
       <div className="flex flex-col space-y-5 w-full">
-        {errorMessage ? (
-          <TitleText>{errorMessage}</TitleText>
-        ) : (
-          <TitleText>This download requires a password.</TitleText>
-        )}
-        <PasswordField
-          value={password}
-          onChange={setPassword}
-          isRequired
-          isInvalid={Boolean(errorMessage)}
-        />
-        <UnlockButton onClick={handleSubmitPassword} />
+        <form
+          action="#"
+          method="post"
+          onSubmit={handleSubmitPassword}
+          className="w-full"
+        >
+          <div className="flex flex-col space-y-5 w-full">
+            <PasswordField
+              value={password}
+              onChange={setPassword}
+              isRequired
+              isInvalid={Boolean(errorMessage)}
+            />
+            <UnlockButton onClick={handleSubmitPassword} />
+          </div>
+        </form>
       </div>
-    </form>
+    </>
   )
 }