From d7d01b535337558e9f349f47664a123f70ee60a1 Mon Sep 17 00:00:00 2001
From: Zach Daniel <zach@zachdaniel.dev>
Date: Thu, 16 Jan 2025 00:21:24 -0500
Subject: [PATCH] chore: add label for input

---
 lib/ash_hq_web/templates/home/home.html.heex | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/lib/ash_hq_web/templates/home/home.html.heex b/lib/ash_hq_web/templates/home/home.html.heex
index b8a3fc4..68baa11 100644
--- a/lib/ash_hq_web/templates/home/home.html.heex
+++ b/lib/ash_hq_web/templates/home/home.html.heex
@@ -81,13 +81,19 @@
     <h2 class="text-3xl font-bold text-primary-light-200">Get Your Installer</h2>
     <div id="installer" />
 
-    <input
-      type="text"
-      id="app-name"
-      value={@app_name}
-      class="text-white bg-transparent mt-4 rounded-lg p-2 animate-glow ring-1 border-0 outline-none ring ring-[#FF5757] mb-3"
-      oninput="window.appNameChanged(this)"
-    />
+    <div class="flex flex-col justify-center mt-2">
+      <label for="app-name">Project Name</label>
+      <div>
+      <input
+        type="text"
+        id="app-name"
+        value={@app_name}
+        class="text-white bg-transparent mt-1 w-64 rounded-lg p-2 animate-glow ring-1 border-0 outline-none ring ring-[#FF5757] mb-3 text-center"
+        placeholder="Project Name"
+        oninput="window.appNameChanged(this)"
+      />
+      </div>
+    </div>
 
     <div id="cant-decide" class="mb-2 mt-2">
       <button class="text-lg underline cursor-pointer" onclick="window.cantDecide()">