From 211891a65b751dd0b4681ddc56df67bf03ddffc8 Mon Sep 17 00:00:00 2001
From: Ryan Lau <47727459+ryanlau@users.noreply.github.com>
Date: Thu, 31 Oct 2024 14:36:54 -0400
Subject: [PATCH] ensure search items not being clipped off by bottom panel

---
 src/css/PreviewCard.css | 1 +
 src/css/SearchBar.css   | 4 +++-
 src/routes/root.tsx     | 4 +---
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/css/PreviewCard.css b/src/css/PreviewCard.css
index 2c4e75e..309e5d5 100644
--- a/src/css/PreviewCard.css
+++ b/src/css/PreviewCard.css
@@ -1,4 +1,5 @@
 .preview-container {
+    padding-top: 10px;
     width: 100%;
     height: auto;
     justify-content: center;
diff --git a/src/css/SearchBar.css b/src/css/SearchBar.css
index d0cb8a7..e4f70bf 100644
--- a/src/css/SearchBar.css
+++ b/src/css/SearchBar.css
@@ -3,6 +3,8 @@
   max-width: 360px;
   font-size: 15px;
   overflow: auto;
+  padding-bottom: 10px;
+  border-left: solid #D1BF80 2px;
 }
 
 
@@ -12,8 +14,8 @@
   border-radius: 10px;
   width: 100%;
   flex: 1;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   max-width: 500px;
+  height: fit-content;
 }
 
 .search-filter-container h1 {
diff --git a/src/routes/root.tsx b/src/routes/root.tsx
index 881eec9..468a797 100644
--- a/src/routes/root.tsx
+++ b/src/routes/root.tsx
@@ -174,9 +174,7 @@ export default function Root() {
 
         <SearchBar setSearchFilters={setSearchFilters} setSearch={setSearch} />
       </div>
-      <div className="preview-contain-result">
-        <PreviewCard selectedRow={selectedRow} selectedData={selectedData} />
-      </div>
+      <PreviewCard selectedRow={selectedRow} selectedData={selectedData} />
     </>
   );
 }