From e20816a7ce4cf3a61c6c5aea3c6bc3e705c1045e Mon Sep 17 00:00:00 2001
From: perf3ct <jonfuller2012@gmail.com>
Date: Sun, 3 Aug 2025 19:49:14 +0000
Subject: [PATCH] feat(quick_search): getting closer to how we want the quick
 search results to look with the spacing...

---
 apps/client/src/widgets/quick_search.ts | 29 ++++++++++++++++++-------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/apps/client/src/widgets/quick_search.ts b/apps/client/src/widgets/quick_search.ts
index 5a3236db1..5e68610ad 100644
--- a/apps/client/src/widgets/quick_search.ts
+++ b/apps/client/src/widgets/quick_search.ts
@@ -34,19 +34,32 @@ const TPL = /*html*/`
         white-space: normal;
         padding: 12px 16px;
         line-height: 1.4;
-        border-bottom: 1px solid #dee2e6 !important;
+        position: relative;
     }
     
-    .quick-search .dropdown-item:last-child {
-        border-bottom: none !important;
+    .quick-search .dropdown-item:not(:last-child)::after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 80%;
+        height: 2px;
+        background: var(--main-border-color);
+        border-radius: 1px;
+        opacity: 0.4;
     }
     
-    .quick-search .dropdown-item.disabled {
-        border-bottom: 1px solid #f8f9fa !important;
+    .quick-search .dropdown-item:last-child::after {
+        display: none;
     }
     
-    .quick-search .dropdown-divider + .dropdown-item {
-        border-top: none !important;
+    .quick-search .dropdown-item.disabled::after {
+        display: none;
+    }
+    
+    .quick-search .dropdown-item.show-in-full-search::after {
+        display: none;
     }
     
     .quick-search .dropdown-item:hover {
@@ -227,7 +240,7 @@ export default class QuickSearchWidget extends BasicWidget {
                 
                 // Add content snippet below the title if available
                 if (result.highlightedContentSnippet) {
-                    itemHtml += `<div style="font-size: 0.85em; color: #666; margin-left: 20px; margin-top: 4px;">${result.highlightedContentSnippet}</div>`;
+                    itemHtml += `<div style="font-size: 0.85em; color: var(--main-text-color); opacity: 0.7; margin-left: 20px; margin-top: 4px; line-height: 1.3;">${result.highlightedContentSnippet}</div>`;
                 }
                 
                 itemHtml += `</div>`;