From 0fb6b60bb148de641ebe8ebbc499af15f91303ef Mon Sep 17 00:00:00 2001
From: bodie <bodo.braegger@pm.me>
Date: Mon, 16 Oct 2023 19:31:57 +0200
Subject: [PATCH] fix: borders of search results style aligned

---
 src/components/SearchForm.tsx | 5 +++--
 src/styles/search.scss        | 7 +++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/SearchForm.tsx b/src/components/SearchForm.tsx
index ed8a413..747ce69 100644
--- a/src/components/SearchForm.tsx
+++ b/src/components/SearchForm.tsx
@@ -133,7 +133,7 @@ function SearchForm({ t, sections, minKeyWordLength = 3 }: Props) {
                 if (searchResults.length > 0) {
                     // render results
                     return searchResults.map(result => {
-                        return <div key={result.id} className='search-result'>
+                        return <div key={result.id} className='search-result border rounded'>
                             <div className='title-match'>
                                 <Link to={`/${result.section.slug}`}> 
                                     {result.section.title}
@@ -149,7 +149,8 @@ function SearchForm({ t, sections, minKeyWordLength = 3 }: Props) {
                                         return <ReactMarkdown key={idx} 
                                             remarkPlugins={[remarkGfm, strip_md, strip_html]} 
                                             components={LinkComponent} 
-                                            children={content} 
+                                            children={content}
+                                            className='border-bottom'
                                         />
                                     })}
                                 </div>
diff --git a/src/styles/search.scss b/src/styles/search.scss
index 56577e4..be31acd 100644
--- a/src/styles/search.scss
+++ b/src/styles/search.scss
@@ -9,9 +9,6 @@
     flex-direction: column;
     gap: 8px;
 
-    border: 1px solid #ebebeb;
-    border-radius: 6px;
-    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
     padding: 10px 12px;
     animation: fadeIn 0.5s;
 
@@ -32,10 +29,12 @@
         }
 
         >:not(:last-child) {
-            border-bottom: 1px solid #ebebeb;
             margin-bottom: 8px;
             padding-bottom: 8px;
         }
+        >:last-child {
+            border-bottom: none !important;
+        }
     }
 }