From fee0f9b3d46f0eacf48230c1a8ede08ba78905ee Mon Sep 17 00:00:00 2001
From: Delta Student <151124074+priyachauh5@users.noreply.github.com>
Date: Thu, 13 Feb 2025 14:54:42 +0530
Subject: [PATCH] Added style to login form

---
 login.html | 41 +++++++++++++++++++++++------------------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/login.html b/login.html
index a1602ca..f132eb7 100644
--- a/login.html
+++ b/login.html
@@ -77,31 +77,36 @@
           <hr>
           <div class="form-container">
 
-            <form id="MedicalForm">
+            <form id="MedicalForm" class="container py-4 px-5 shadow-lg rounded">
 
-              <div class="form-group row">
-                <label for="username" class="col-sm-2 col-form-label">Username</label>
-                <div class="col-sm-10 position-relative">
-                  <input type="text" class="form-control" id="username" placeholder="Username">
+              <h3 class="text-center mb-4" style="font-family: 'Arial', sans-serif; color: #333;">Login</h3>
+            
+              <div class="form-group row mb-3">
+                <label for="username" class="col-sm-2 col-form-label font-weight-bold">Username</label>
+                <div class="col-sm-10">
+                  <input type="text" class="form-control rounded-pill shadow-sm" id="username" placeholder="Enter your username" style="border-color: #CA965C;">
                 </div>
               </div>
-
-              <div class="form-group row">
-                <label for="Password" class="col-sm-2 col-form-label">Password</label>
+            
+              <div class="form-group row mb-3">
+                <label for="password" class="col-sm-2 col-form-label font-weight-bold">Password</label>
                 <div class="col-sm-10">
-                  <input type="password" class="form-control" id="password" placeholder="Password">
+                  <input type="password" class="form-control rounded-pill shadow-sm" id="password" placeholder="Enter your password" style="border-color: #CA965C;">
                 </div>
               </div>
-
-              <a href="index.html" class="Done-button">
-                <button type="button" class="btn text-light btn-large btn-block" style="background-color: #CA965C;"
-                  id="add-record-btn">Done</button>
-              </a>
-
-              <p>New here? <a class="link-page" href="signup.html">sign up</a> and create your account</p>
-
+            
+              <div class="form-group row mb-4">
+                <div class="col-sm-12 text-center">
+                  <a href="index.html" class="text-decoration-none">
+                    <button type="button" class="btn text-light btn-lg btn-block" style="background-color: #CA965C; border-radius: 25px; padding: 12px 30px; font-size: 18px;">Done</button>
+                  </a>
+                </div>
+              </div>
+            
+              <p class="text-center" style="font-size: 14px; color: #666;">New here? <a class="link-page text-primary font-weight-bold" href="signup.html">Sign up</a> and create your account</p>
+            
             </form>
-
+            
           </div>
 
         </div>