From c45688c9f20e2998ab845892e1e310b20252ff2f Mon Sep 17 00:00:00 2001
From: Joy A <itsjoy@gmail.com>
Date: Thu, 11 Apr 2024 18:00:34 +0530
Subject: [PATCH] #171 | Search by subject name - minor styling updates

---
 client/components/ImageList.tsx | 4 ++--
 client/styles/globals.css       | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/components/ImageList.tsx b/client/components/ImageList.tsx
index 4bec0a4..df2e4ff 100644
--- a/client/components/ImageList.tsx
+++ b/client/components/ImageList.tsx
@@ -781,10 +781,10 @@ export default function ImageList() {
             </div>
 
             <div className="max-w-2xl mx-auto px-4 sm:px-6 lg:max-w-7xl lg:px-8">
-                <div className="inline-flex w-56 mt-5">
+                <div className="inline-flex w-56 h-10 mt-5">
                     <input
                         type="text"
-                        className="w-full px-4 py-2 pr-10 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-teal-500 focus:border-teal-500"
+                        className="w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-teal-500 focus:border-teal-500"
                         value={subjectName}
                         onChange={(e) => setSubjectName(e.target.value)}
                         placeholder="Subject Name"
diff --git a/client/styles/globals.css b/client/styles/globals.css
index 400425d..2fcc48d 100644
--- a/client/styles/globals.css
+++ b/client/styles/globals.css
@@ -55,6 +55,7 @@
   display: inline-block;
   text-align: left;
   padding-right: 8px;
+  padding-left: 8px;
   margin-top: 20px;
   z-index: 20;
 }