From 9f26666abfa66ee426a9dfdcf63b00918bcdf1a9 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Wed, 19 Mar 2025 17:14:15 +0000
Subject: [PATCH] theming search resuts

---
 .../Subcomponents/Controls/SearchControl.tsx  | 42 +++++++++----------
 1 file changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/Components/Map/Subcomponents/Controls/SearchControl.tsx b/src/Components/Map/Subcomponents/Controls/SearchControl.tsx
index 26ee6ff9..8b785784 100644
--- a/src/Components/Map/Subcomponents/Controls/SearchControl.tsx
+++ b/src/Components/Map/Subcomponents/Controls/SearchControl.tsx
@@ -170,7 +170,7 @@ export const SearchControl = () => {
               {itemsResults.slice(0, 5).map((item) => (
                 <div
                   key={item.id}
-                  className='tw-cursor-pointer hover:tw-font-bold'
+                  className='tw-cursor-pointer hover:tw-font-bold tw-flex tw-flex-row'
                   onClick={() => {
                     const marker = Object.entries(leafletRefs).find((r) => r[1].item === item)?.[1]
                       .marker
@@ -183,27 +183,25 @@ export const SearchControl = () => {
                     }
                   }}
                 >
-                  <div className='tw-flex tw-flex-row'>
-                    {item.layer?.menuIcon ? (
-                      <SVG
-                        src={item.layer.menuIcon}
-                        className='tw-text-current tw-w-5 tw-mr-2 tw-mt-0'
-                        preProcessor={(code: string): string => {
-                          code = code.replace(/fill=".*?"/g, 'fill="currentColor"')
-                          code = code.replace(/stroke=".*?"/g, 'stroke="currentColor"')
-                          return code
-                        }}
-                      />
-                    ) : (
-                      <div className='tw-w-5' />
-                    )}
-                    <div>
-                      <div className='tw-text-sm tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap tw-max-w-[17rem]'>
-                        {item.name}
-                      </div>
-                      <div className='tw-text-xs tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap tw-max-w-[17rem]'>
-                        {item.text}
-                      </div>
+                  {item.layer?.menuIcon ? (
+                    <SVG
+                      src={item.layer.menuIcon}
+                      className='tw-text-current tw-mr-2 tw-mt-0 tw-w-5'
+                      preProcessor={(code: string): string => {
+                        code = code.replace(/fill=".*?"/g, 'fill="currentColor"')
+                        code = code.replace(/stroke=".*?"/g, 'stroke="currentColor"')
+                        return code
+                      }}
+                    />
+                  ) : (
+                    <div className='tw-w-5' />
+                  )}
+                  <div>
+                    <div className='tw-text-sm tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap tw-max-w-[17rem]'>
+                      {item.name}
+                    </div>
+                    <div className='tw-text-xs tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap tw-max-w-[17rem]'>
+                      {item.text}
                     </div>
                   </div>
                 </div>