diff --git a/site/search/Search.scss b/site/search/Search.scss index 029f69fb67d..e6c065d709f 100644 --- a/site/search/Search.scss +++ b/site/search/Search.scss @@ -258,6 +258,7 @@ } .search-results__explorer-hit-link-mobile { + @include body-3-medium; @include owid-link-60; margin-top: 16px; display: block; @@ -285,20 +286,24 @@ } .search-results__explorer-hit-link { - @include owid-link-60; margin-top: 0; - flex: 1 0 auto; + flex: 0 0 auto; text-align: right; + + a { + @include body-3-medium; + @include owid-link-60; + } } } .search-results__explorer-views-list { - margin-left: 20px; - margin-top: 5px; + margin-top: 16px; list-style: none; gap: 16px; .search-results__explorer-view { + margin-left: 24px; overflow: hidden; .search-results__explorer-view-title-container { diff --git a/site/search/SearchPanel.tsx b/site/search/SearchPanel.tsx index 291f811fb35..2b3bf7e4426 100644 --- a/site/search/SearchPanel.tsx +++ b/site/search/SearchPanel.tsx @@ -249,8 +249,8 @@ function ExplorerHit({ href: `${BAKED_BASE_URL}/${EXPLORERS_ROUTE_FOLDER}/${groupedHit.explorerSlug}${queryStr}`, "data-algolia-index": getIndexName(SearchIndexName.ExplorerViews), "data-algolia-object-id": firstHit.objectID, - "data-algolia-position": firstHit.hitPositionOverall, - "data-algolia-card-position": cardPosition, + "data-algolia-position": firstHit.hitPositionOverall + 1, + "data-algolia-card-position": cardPosition + 1, "data-algolia-position-within-card": 0, "data-algolia-event-name": "click_explorer", } @@ -270,12 +270,12 @@ function ExplorerHit({
- - Explore all {groupedHit.numViewsWithinExplorer} indicators - +