From ec0c425e714d421a4582170e86de7c83d9f2cb62 Mon Sep 17 00:00:00 2001
From: Broque Thomas <26755000+Nezreka@users.noreply.github.com>
Date: Thu, 23 Apr 2026 14:07:52 -0700
Subject: [PATCH] Global widget: drop the double-panel look on the source row
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The global search popover already draws its own frosted-glass panel
(via .gsearch-results), so putting another bordered/gradient container
around the source icons inside it read as "panel inside a panel" —
visually noisy and left a dark empty strip on the right when the row
didn't fill the popover width.

Strip the source row's own background/border, center-align the chips
(justify-content: center) so they stay grouped instead of drifting to
the left, and keep a subtle bottom divider so the icons still read as
a distinct control group above the results.
---
 webui/static/style.css | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/webui/static/style.css b/webui/static/style.css
index 11c0b2f3..f3aeefc1 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -5479,23 +5479,22 @@ body.helper-mode-active #dashboard-activity-feed:hover {
 .gsearch-tab.active { background: rgba(var(--accent-rgb), 0.12); color: var(--accent); border-color: rgba(var(--accent-rgb), 0.2); }
 .gsearch-tab:hover:not(.active) { background: rgba(255,255,255,0.06); }
 
-/* Source icon row (replaces post-search tabs) — compact glassy version of
-   the Search-page row so both surfaces share the same language. */
+/* Source icon row in the global widget. The popover itself is already a
+   glass panel, so this row is just a transparent flex strip — no double
+   border/background. justify-content: center keeps the chips grouped
+   instead of drifting to the left when they don't fill the popover width. */
 .gsearch-source-row {
     display: flex;
     flex-wrap: nowrap;
     overflow-x: auto;
     overflow-y: visible;
+    justify-content: center;
     gap: 6px;
-    padding: 10px 14px 10px;
-    margin: 8px 12px 10px;
+    padding: 12px 14px 8px;
     flex-shrink: 0;
     scrollbar-width: thin;
     scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
-    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.015) 100%);
-    border: 1px solid rgba(255, 255, 255, 0.06);
-    border-radius: 12px;
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }
 .gsearch-source-row::-webkit-scrollbar { height: 4px; }
 .gsearch-source-row::-webkit-scrollbar-track { background: transparent; }