From 540d9872c72fb9d95c5361db605e883fe0aefa9e Mon Sep 17 00:00:00 2001
From: rodude123 <rodude123@gmail.com>
Date: Mon, 3 Jan 2022 00:54:42 +0000
Subject: [PATCH] Fixed CSS for contact form on mobile and added in subject
 input box

---
 src/css/contact.css | 2 +-
 src/css/main.css    | 1 +
 src/index.html      | 4 ++++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/css/contact.css b/src/css/contact.css
index ff2ef28..39719ed 100644
--- a/src/css/contact.css
+++ b/src/css/contact.css
@@ -63,7 +63,7 @@ div#sayHello  #contactForm{
 #contactForm .flName {
     display: flex;
     flex-direction: row;
-    gap: 1em;
+    gap: 1;
 }
 
 #contactForm .formControl {
diff --git a/src/css/main.css b/src/css/main.css
index ff24c64..09c2d38 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -367,6 +367,7 @@
     #contactForm .flName {
         flex-direction: column;
         gap: 0;
+        width: 100%;
     }
 }
 
diff --git a/src/index.html b/src/index.html
index 0f6428d..5cd7d55 100644
--- a/src/index.html
+++ b/src/index.html
@@ -137,6 +137,10 @@
                         <label for="email">Email</label>
                         <input type="email" id="email" name="email">
                     </div>
+                    <div class="formControl">
+                      <label for="subject">Subject</label>
+                      <input type="text" name="subject" id="subject"/>
+                    </div>
                     <div class="formControl">
                         <label for="message">Message</label>
                         <textarea name="message" id="message" cols="30" rows="10"></textarea></div>