From f7e51584466324281d66bb7f283f85a0d1c01ec2 Mon Sep 17 00:00:00 2001 From: Johannes Date: Tue, 16 Jun 2026 21:34:18 -0400 Subject: [PATCH] style: remove light blue background from active-filters chips row Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/components/DevicePosture.svelte | 3 +-- frontend/src/components/IocManagement.svelte | 3 +-- frontend/src/components/PrecursorAlerts.svelte | 3 +-- frontend/src/components/ThreatEvents.svelte | 2 +- 4 files changed, 4 insertions(+), 7 deletions(-) diff --git a/frontend/src/components/DevicePosture.svelte b/frontend/src/components/DevicePosture.svelte index efee1d3..7dc7f88 100644 --- a/frontend/src/components/DevicePosture.svelte +++ b/frontend/src/components/DevicePosture.svelte @@ -546,8 +546,7 @@ /* Active filter chips */ .active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; - margin-bottom: 1rem; padding: 0.6rem 1rem; - background: #f0f4ff; border: 1px solid #d0d9f0; border-radius: 8px; flex-shrink: 0; + padding: 0.4rem 0; flex-shrink: 0; } .active-filters-label { font-size: var(--font-size-tiny); font-weight: 600; color: #555; margin-right: 0.25rem; } .filter-tag { diff --git a/frontend/src/components/IocManagement.svelte b/frontend/src/components/IocManagement.svelte index aabf27d..66148e2 100644 --- a/frontend/src/components/IocManagement.svelte +++ b/frontend/src/components/IocManagement.svelte @@ -437,8 +437,7 @@ /* Active filter chips */ .active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; - margin-bottom: 1rem; padding: 0.6rem 1rem; - background: #f0f4ff; border: 1px solid #d0d9f0; border-radius: 8px; flex-shrink: 0; + padding: 0.4rem 0; flex-shrink: 0; } .active-filters-label { font-size: var(--font-size-tiny); font-weight: 600; color: #555; margin-right: 0.25rem; } .filter-tag { diff --git a/frontend/src/components/PrecursorAlerts.svelte b/frontend/src/components/PrecursorAlerts.svelte index bfdb60d..f02cefb 100644 --- a/frontend/src/components/PrecursorAlerts.svelte +++ b/frontend/src/components/PrecursorAlerts.svelte @@ -526,8 +526,7 @@ /* Active filter chips */ .active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; - margin-bottom: 1rem; padding: 0.6rem 1rem; - background: #f0f4ff; border: 1px solid #d0d9f0; border-radius: 8px; flex-shrink: 0; + padding: 0.4rem 0; flex-shrink: 0; } .active-filters-label { font-size: var(--font-size-tiny); font-weight: 600; color: #555; margin-right: 0.25rem; } .filter-tag { diff --git a/frontend/src/components/ThreatEvents.svelte b/frontend/src/components/ThreatEvents.svelte index 19d8ed0..98506ac 100644 --- a/frontend/src/components/ThreatEvents.svelte +++ b/frontend/src/components/ThreatEvents.svelte @@ -350,7 +350,7 @@ .sidebar-clear-all-btn:hover { background: #fecaca; } /* Active filters */ - .active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-bottom: 1rem; padding: 0.6rem 1rem; background: #f0f4ff; border: 1px solid #d0d9f0; border-radius: 8px; flex-shrink: 0; } + .active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; padding: 0.4rem 0; flex-shrink: 0; } .active-filters-label { font-size: var(--font-size-tiny); font-weight: 600; color: #555; margin-right: 0.25rem; } .filter-tag { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.6rem; background: white; border: 1px solid #ddd; border-left-width: 3px; border-radius: 4px; font-size: var(--font-size-tiny); font-weight: 500; color: #333; } .filter-tag-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }