diff --git a/lib/osf-components/addon/components/search-page/styles.scss b/lib/osf-components/addon/components/search-page/styles.scss index df46ea157d..ebf69000df 100644 --- a/lib/osf-components/addon/components/search-page/styles.scss +++ b/lib/osf-components/addon/components/search-page/styles.scss @@ -178,23 +178,40 @@ list-style: none; margin-bottom: 0; padding-left: 0; - width: 100%; } li { display: inline-flex; white-space: nowrap; - margin-right: 10px; + width: calc(100%/6); + justify-content: center; &.active, &:hover { - background-color: $color-bg-gray; + background-color: $color-bg-white; } } + li:nth-of-type(1), + li:nth-of-type(2), + li:nth-of-type(4) { + width: calc(100%/6 + 25px); + } + + li:nth-of-type(3) { + width: calc(100%/6 + 55px); + } + + li:nth-of-type(5), + li:nth-of-type(6) { + width: calc(100%/6 + 10px); + } + a { - padding-bottom: 10px; + padding: 18px 0 10px; + width: 100%; + text-align: center; } } diff --git a/lib/osf-components/addon/components/search-result-card/styles.scss b/lib/osf-components/addon/components/search-result-card/styles.scss index 2a53b47ab8..83b4dcb657 100644 --- a/lib/osf-components/addon/components/search-result-card/styles.scss +++ b/lib/osf-components/addon/components/search-result-card/styles.scss @@ -72,6 +72,11 @@ } } +.open-badges-list { + margin-bottom: 0; + padding-bottom: 0; +} + .cp-panel { padding: 0 10px; diff --git a/lib/osf-components/addon/components/search-result-card/template.hbs b/lib/osf-components/addon/components/search-result-card/template.hbs index 0708c16e8c..ea4362728f 100644 --- a/lib/osf-components/addon/components/search-result-card/template.hbs +++ b/lib/osf-components/addon/components/search-result-card/template.hbs @@ -77,7 +77,7 @@ {{/if}} {{#if (or (eq @result.resourceType 'registration') (eq @result.resourceType 'registration_component'))}} -