diff --git a/front_end/images/icon-search-black.svg b/front_end/images/icon-search-black.svg index a6fb95a..6f3844d 100644 --- a/front_end/images/icon-search-black.svg +++ b/front_end/images/icon-search-black.svg @@ -1 +1 @@ - + diff --git a/front_end/stylesheets/helpers.scss b/front_end/stylesheets/helpers.scss index a0c3189..7672887 100644 --- a/front_end/stylesheets/helpers.scss +++ b/front_end/stylesheets/helpers.scss @@ -15,3 +15,15 @@ .orp-flex--space-between { justify-content: space-between; } + +.orp-secondary-text-colour { + color: govuk-colour("dark-grey"); +} + +.orp-link-text-decoration-none { + text-decoration: none; + + &:hover { + text-decoration: underline; + } +} diff --git a/front_end/stylesheets/search.scss b/front_end/stylesheets/search.scss index 0c31c25..e1fa7d9 100644 --- a/front_end/stylesheets/search.scss +++ b/front_end/stylesheets/search.scss @@ -56,3 +56,25 @@ } } } + +.orp-search-results { + + .orp-topics-list { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style: none; + + li { + padding-right: 10px; + margin-right: 10px; + margin-bottom: 10px; + border-right: 1px solid govuk-colour("dark-grey"); + } + + li:last-child { + border-right: none; + } + } +} diff --git a/orp/orp_search/templates/orp.html b/orp/orp_search/templates/orp.html index a05916a..2f9ec04 100644 --- a/orp/orp_search/templates/orp.html +++ b/orp/orp_search/templates/orp.html @@ -48,7 +48,6 @@