style: improve form layout and button appearance

ankit071105 · Nov 8, 2024 · c90bd83 · c90bd83
1 parent 138761a
commit c90bd83
Showing 1 changed file with 30 additions and 5 deletions.
diff --git a/sell.html b/sell.html
@@ -248,6 +248,29 @@
       width: 100%;
       align-items: center;
       text-align: left;
+      margin-bottom: 10px;
+      padding: 20px;
+    }
+
+    #form-input {
+      width: 450px;
+      padding: 8px 12px;
+      border-bottom: 4px;
+      border: 1px solid #e2e8f0;
+      background-color: white;
+    }
+
+    #form-input2 {
+      width: 450px;
+      padding: 8px 12px;
+      border-bottom: 4px;
+      border: 1px solid #e2e8f0;
+      background-color: white;
+    }
+
+    .form-label {
+      margin-right: 10px;
+      padding-left: 60px;
     }
 
     form label {
@@ -1010,7 +1033,8 @@ <h1>Sell Bus Ticket</h1>
             <label for="price">Original Price:</label>
             <input type="number" id="price" name="price" required min="0" step="0.01">
 
-            <button type="submit">Submit Ticket</button>
+
+            <button type="submit" class="btn">Submit Ticket</button>
         </form>
 
     </main>
@@ -1031,14 +1055,15 @@ <h1>Sell Bus Ticket</h1>
           </div>
 
       <div class="form-cont">
-        <label for="seatNumber">Seat Number:</label>
-        <input type="text" id="seatNumber" placeholder="Enter seat number" required>
+        <label class="form-label" for="form-input">Seat Number:</label>
+        <input type="text" id="form-input" placeholder="Enter seat number" required>
       </div>
 
 
+
       <div class="form-cont">
-        <label for="price">Original Price:</label>
-        <input type="number" id="price" placeholder="Enter ticket price" required>
+        <label class="form-label" for="form-input2">Original Price:</label>
+        <input type="number" id="form-input2" placeholder="Enter ticket price" required>
       </div>
 
       <button type="submit" class="btn">Submit Ticket</button>