diff --git a/site/search/Search.scss b/site/search/Search.scss index 4c5a166a2ed..8cfdebf3e04 100644 --- a/site/search/Search.scss +++ b/site/search/Search.scss @@ -122,14 +122,19 @@ } } +.search-results__header-container { + margin-top: 24px; + margin-bottom: 24px; +} + .search-results__header { display: flex; align-items: baseline; } .search-results__section-title { - margin-top: 24px; - margin-bottom: 24px; + margin-top: 0; + margin-bottom: 0; margin-right: 16px; color: $blue-50; @@ -138,6 +143,11 @@ } } +.search-results__section-subtitle { + margin-top: 4px; + color: $blue-60; +} + .search-results__show-more-container { @include body-3-medium; em { diff --git a/site/search/SearchPanel.tsx b/site/search/SearchPanel.tsx index 0c7c5a14be1..b5a35a63feb 100644 --- a/site/search/SearchPanel.tsx +++ b/site/search/SearchPanel.tsx @@ -608,18 +608,20 @@ const SearchResults = (props: SearchResultsProps) => { />
-
-

- Research & Writing -

- +
+
+

+ Research & Writing +

+ +
{ />
-
-

- Charts -

- +
+
+

+ Charts +

+ +
{ />
-
-

- Data Explorers -

- - ) => getNumberOfExplorerHits(results.hits)} - /> +
+
+

+ Data Explorers +

+ + ) => getNumberOfExplorerHits(results.hits)} + /> +
+

+ Interactive visualization tools to explore a + wide range of related indicators. +

+