From c90bd838b7d5438ba66ab6ba920425e1ff2664fa Mon Sep 17 00:00:00 2001
From: veepanshu-kasana <veepanshukasana2728@gmail.com>
Date: Fri, 8 Nov 2024 08:51:00 +0530
Subject: [PATCH] style: improve form layout and button appearance
---
sell.html | 35 ++++++++++++++++++++++++++++++-----
1 file changed, 30 insertions(+), 5 deletions(-)
diff --git a/sell.html b/sell.html
index caf22d6..786a208 100644
--- 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>