diff --git a/client/web-sveltekit/src/lib/search/dynamicFilters/HelpFooter.svelte b/client/web-sveltekit/src/lib/search/dynamicFilters/HelpFooter.svelte index 80471b8e8be..a758d1439d3 100644 --- a/client/web-sveltekit/src/lib/search/dynamicFilters/HelpFooter.svelte +++ b/client/web-sveltekit/src/lib/search/dynamicFilters/HelpFooter.svelte @@ -26,6 +26,10 @@ } &:hover { + h4 { + color: var(--primary); + } + &::before { background: linear-gradient(91deg, var(--logo-blue) 3.11%, #c66fff 44.21%, #ff8578 83.64%); } @@ -44,6 +48,7 @@ h4 { margin-bottom: 0.25rem; + color: var(--text-muted); } a { diff --git a/client/web-sveltekit/src/lib/search/dynamicFilters/Section.svelte b/client/web-sveltekit/src/lib/search/dynamicFilters/Section.svelte index 4dbdde28f47..6e3e59b3681 100644 --- a/client/web-sveltekit/src/lib/search/dynamicFilters/Section.svelte +++ b/client/web-sveltekit/src/lib/search/dynamicFilters/Section.svelte @@ -86,7 +86,7 @@ padding: 0 1rem; display: flex; flex-direction: column; - gap: 0.5rem; + gap: 0.25rem; } input { @@ -105,6 +105,9 @@ } ul { + display: flex; + flex-flow: column nowrap; + gap: 0.125rem; margin: 0; padding: 0; list-style: none; diff --git a/client/web-sveltekit/src/lib/search/dynamicFilters/Sidebar.svelte b/client/web-sveltekit/src/lib/search/dynamicFilters/Sidebar.svelte index b8337ed2e08..6845e5ea7f7 100644 --- a/client/web-sveltekit/src/lib/search/dynamicFilters/Sidebar.svelte +++ b/client/web-sveltekit/src/lib/search/dynamicFilters/Sidebar.svelte @@ -37,8 +37,8 @@ import LanguageIcon from '$lib/LanguageIcon.svelte' import CodeHostIcon from '$lib/search/CodeHostIcon.svelte' import SymbolKind from '$lib/search/SymbolKind.svelte' - import { SVELTE_LOGGER, SVELTE_TELEMETRY_EVENTS } from '$lib/telemetry' import { displayRepoName, scanSearchQuery, type Filter } from '$lib/shared' + import { SVELTE_LOGGER, SVELTE_TELEMETRY_EVENTS } from '$lib/telemetry' import Tooltip from '$lib/Tooltip.svelte' import Button from '$lib/wildcard/Button.svelte' @@ -193,7 +193,7 @@ } .scroll-container { - padding-top: 1rem; + padding-top: 1.25rem; height: 100%; background-color: var(--color-bg-1); overflow-y: auto; diff --git a/client/web-sveltekit/src/routes/svelte-overrides.scss b/client/web-sveltekit/src/routes/svelte-overrides.scss index 1bb00a693b8..e37aa3e373e 100644 --- a/client/web-sveltekit/src/routes/svelte-overrides.scss +++ b/client/web-sveltekit/src/routes/svelte-overrides.scss @@ -7,7 +7,6 @@ h3, h4, h5, h6 { - font-weight: 500; color: var(--text-title); }