diff --git a/app/assets/stylesheets/partials/_pagination.scss b/app/assets/stylesheets/partials/_pagination.scss index e073b5c2..9e56074f 100644 --- a/app/assets/stylesheets/partials/_pagination.scss +++ b/app/assets/stylesheets/partials/_pagination.scss @@ -1,8 +1,7 @@ -.pagination-container { +.pagination-container, #load-more { clear: both; display: flex; flex-flow: row nowrap; - justify-content: center; padding-top: 1em; border-top: 1px solid $color-border-default; gap: 24px; @@ -56,11 +55,6 @@ } } -.load-more { - clear: both; - display: flex; - justify-content: center; - padding-top: 1em; - border-top: 1px solid $color-border-default; - margin-bottom: 48px; -} +#load-more { + justify-content: start; +} \ No newline at end of file diff --git a/app/assets/stylesheets/partials/_results.scss b/app/assets/stylesheets/partials/_results.scss index 68eba5d9..ee39ad0e 100644 --- a/app/assets/stylesheets/partials/_results.scss +++ b/app/assets/stylesheets/partials/_results.scss @@ -45,11 +45,24 @@ } .results-list.use { - list-style-type: decimal; - list-style-position: outside; - padding: 0; - padding-left: 2.5rem; - margin-bottom: 0; + list-style-type: none; + padding-left: 0; + counter-reset: result-numbers; + + > li { + counter-increment: result-numbers 1; + + p.eyebrow::before { + content: counter(result-numbers); + display: inline-block; + padding: 2px 6px; + background-color: $color-gray-200; + color: $color-text-secondary; + border-radius: 2px; + margin-right: 8px; + } + } + } // --------------------------------------