From 01daad9389f7368360fb799db48b01ba9439f0ff Mon Sep 17 00:00:00 2001
From: Kumar Damani <me@kumardamani.net>
Date: Wed, 14 Aug 2024 17:12:00 -0400
Subject: bug fixes

---
 public/about.html |  8 ++++++--
 public/index.html | 18 ++++++++++++------
 public/style.css  |  8 ++++++++
 3 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/public/about.html b/public/about.html
index 138d1e9..3aa12ae 100644
--- a/public/about.html
+++ b/public/about.html
@@ -34,8 +34,12 @@
             </div>
         </div>
         <footer>
-            <a href="index.html">Home</a><br>
-            <a href="https://kumardamani.net" target="_blank">Author</a>
+            <div>
+                <a href="index.html">Home</a><br>
+            </div>
+            <div>
+                <a href="https://kumardamani.net" target="_blank">Author</a>
+            </div>
         </footer>
     </center>
 </body>
diff --git a/public/index.html b/public/index.html
index 3e445c5..7929e0f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,10 +19,12 @@
             <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
         </div>
         <div class="container">
-            <form id="nameForm" class="flex">
-                <label style="color: black;" for="firstName">Enter your first name:</label>
-                <input type="text" id="firstName" placeholder="bob" required>
-                <button type="submit">Name my Dragon</button>
+            <form id="nameForm" class="container">
+                <label class="flex" for="firstName">Enter your first name:</label>
+                <input class="flex" type="text" id="firstName" placeholder="bob" required>
+                <div class="flex">
+                    <button type="submit">Name my Dragon</button>
+                </div>
             </form>
             <div class="flex">
                 <button id="stop-music" onclick="stopMusic();">Stop music</button>
@@ -40,8 +42,12 @@
             <img src="images/dragon-sizes.png" width="50%" alt="Comparison chart for all the dragons">
         </div>
         <footer>
-            <a href="about.html">How it works</a><br>
-            <a href="https://kumardamani.net" target="_blank">Author</a>
+            <div>
+                <a href="about.html">How it works</a><br>
+            </div>
+            <div>
+                <a href="https://kumardamani.net" target="_blank">Author</a>
+            </div>
         </footer>
     </center>
 
diff --git a/public/style.css b/public/style.css
index 9e664c4..fad2048 100644
--- a/public/style.css
+++ b/public/style.css
@@ -86,3 +86,11 @@ h1 {
   cursor: pointer;
   transition: 0.3s;
 }
+
+#nameForm > * {
+  color: black;
+}
+
+footer > div {
+  padding-bottom: 10px;
+}
-- 
cgit v1.2.3