From 68f7fafef536b4ae98dca16559fd904c8f98aa40 Mon Sep 17 00:00:00 2001
From: B SOURABHGAGAN RAO <116933899+SamaSir2003@users.noreply.github.com>
Date: Thu, 9 Nov 2023 14:41:47 +0530
Subject: [PATCH] Fix search and bid input (#12)

---
 frontend/src/routes/home/+page.svelte          | 14 ++++++++++----
 frontend/src/routes/home/[id=int]/+page.svelte | 11 ++++++++++-
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/frontend/src/routes/home/+page.svelte b/frontend/src/routes/home/+page.svelte
index a223705..f74db23 100644
--- a/frontend/src/routes/home/+page.svelte
+++ b/frontend/src/routes/home/+page.svelte
@@ -83,13 +83,16 @@ section
     .search-container
         display: flex
         justify-content: center
-        height: 2rem
+        height: 2.5rem
+        
 
         .search-select
             background-color: vars.$accent
             color: vars.$inverted
             border-color: vars.$accent
-            border-radius: 0.3rem 0rem 0rem 0.3rem
+            border-radius: 0.5rem 0rem 0rem 0.5rem
+            min-width:  5rem
+            padding-left:  0.5rem
 
         .search-input
             padding: 0rem 0.3rem
@@ -97,14 +100,17 @@ section
             color: vars.$text
             border: 1px solid
             border-color: vars.$accent
+            width:20rem
 
         .search-btn
             background-color: vars.$accent
             color: vars.$inverted
-            width: 2rem
+            width: 3rem
             border: none
-            border-radius: 0rem 0.3rem 0.3rem 0rem
+            border-radius: 0rem 0.5rem 0.5rem 0rem
             cursor: pointer
+            
+
 
     .container
         display: grid
diff --git a/frontend/src/routes/home/[id=int]/+page.svelte b/frontend/src/routes/home/[id=int]/+page.svelte
index 002db81..89dbb65 100644
--- a/frontend/src/routes/home/[id=int]/+page.svelte
+++ b/frontend/src/routes/home/[id=int]/+page.svelte
@@ -91,7 +91,7 @@
 		<h4>Product Details</h4>
 		<span>{product.description}</span>
 	</div>
-	<input bind:value={currentBid} type="number" />
+	<input bind:value={currentBid} type="number" class="input" />
 	<Button id="bid-btn" text="Make Bid" func={makeBid} />
 
 	{#if !product.available}
@@ -133,4 +133,13 @@ section
 
         .timer
             font-size: 2rem
+    input
+        background-color: vars.$secondary
+        padding: 12px 15px
+        margin: 8px 0
+        width: 10rem
+        border-radius: 15px
+        border: none
+        color: white
+
 </style>