From 0b5858061be059a298ccaf442c80c37fbe13aaf9 Mon Sep 17 00:00:00 2001
From: wajeht <58354193+wajeht@users.noreply.github.com>
Date: Tue, 13 Aug 2024 00:48:14 -0500
Subject: [PATCH] style: Update styling of form elements for required fields

---
 src/views/pages/apps-create.html             |  4 +++-
 src/views/pages/apps-id-channels-create.html | 20 ++++++++++----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/views/pages/apps-create.html b/src/views/pages/apps-create.html
index 2573dc6..ffb6661 100644
--- a/src/views/pages/apps-create.html
+++ b/src/views/pages/apps-create.html
@@ -4,7 +4,9 @@ <h2>Apps / New</h2>
     <p>Create a new app</p>
   </div>
 
-  <form style=" border-style: dashed; border-radius: 5px; padding: 10px; width: fit-content ;" action="/apps" method="POST">
+  <form
+    style=" border-style: dashed; border-radius: 5px; padding: 10px; width: fit-content; display: flex; flex-direction: column; gap: 10px;"
+    action="/apps" method="POST">
     <div>
       <label for="name">Name:</label>
       <input type="text" id="name" name="name" required>
diff --git a/src/views/pages/apps-id-channels-create.html b/src/views/pages/apps-id-channels-create.html
index 86967f0..07703dc 100644
--- a/src/views/pages/apps-id-channels-create.html
+++ b/src/views/pages/apps-id-channels-create.html
@@ -31,47 +31,47 @@ <h2>Channels / New</h2>
     <div id="email_form" style="display:none; flex-direction: column; gap: 10px;">
       <div>
         <label for="email_host">Email Host:</label>
-        <input type="text" id="email_host" name="email_host">
+        <input type="text" id="email_host" name="email_host" required>
       </div>
       <div>
         <label for="email_port">Email Port:</label>
-        <input type="number" id="email_port" name="email_port">
+        <input type="number" id="email_port" name="email_port" required>
       </div>
       <div>
         <label for="email_alias">Email Alias:</label>
-        <input type="text" id="email_alias" name="email_alias">
+        <input type="email" id="email_alias" name="email_alias" required>
       </div>
       <div>
         <label for="email_auth_email">Auth Email:</label>
-        <input type="email" id="email_auth_email" name="email_auth_email">
+        <input type="email" id="email_auth_email" name="email_auth_email" required>
       </div>
       <div>
         <label for="email_auth_pass">Auth Password:</label>
-        <input type="password" id="email_auth_pass" name="email_auth_pass">
+        <input type="password" id="email_auth_pass" name="email_auth_pass" required>
       </div>
     </div>
 
     <div id="discord_form" style="display:none;">
       <label for="discord_webhook">Webhook URL:</label>
-      <input type="text" id="discord_webhook" name="webhook_url">
+      <input type="text" id="discord_webhook" name="webhook_url" required>
     </div>
 
     <div id="sms_form" style="display:none; flex-direction: column; gap: 10px;">
       <div>
         <label for="sms_account_sid">Twilio Account SID:</label>
-        <input type="text" id="sms_account_sid" name="twilio_account_sid">
+        <input type="text" id="sms_account_sid" name="twilio_account_sid" required>
       </div>
       <div>
         <label for="sms_auth_token">Twilio Auth Token:</label>
-        <input type="text" id="sms_auth_token" name="twilio_auth_token">
+        <input type="text" id="sms_auth_token" name="twilio_auth_token" required>
       </div>
       <div>
         <label for="sms_from_phone_number">Twilio From Phone Number:</label>
-        <input type="text" id="sms_from_phone_number" name="twilio_from_phone_number">
+        <input type="text" id="sms_from_phone_number" name="twilio_from_phone_number" required>
       </div>
       <div>
         <label for="sms_phone_number">Twilio Phone Number:</label>
-        <input type="text" id="sms_phone_number" name="twilio_phone_number">
+        <input type="text" id="sms_phone_number" name="twilio_phone_number" required>
       </div>
     </div>