diff --git a/app/assets/stylesheets/application/rainbow-pool.sass b/app/assets/stylesheets/application/rainbow-pool.sass index 74f228f2..2c8d3b3a 100644 --- a/app/assets/stylesheets/application/rainbow-pool.sass +++ b/app/assets/stylesheets/application/rainbow-pool.sass @@ -63,3 +63,8 @@ display: flex justify-content: center gap: 1em + +.rainbow-pool-no-results + margin-block: 1em + text-align: center + font-style: italic diff --git a/app/views/pet_types/index.html.haml b/app/views/pet_types/index.html.haml index f3419b23..ad457af1 100644 --- a/app/views/pet_types/index.html.haml +++ b/app/views/pet_types/index.html.haml @@ -8,11 +8,12 @@ = form.select :species, @species_names, selected: @selected_species&.human_name, include_blank: "Species…" = form.submit "Go", name: nil -= will_paginate @pet_types, class: "rainbow-pool-pagination" - -%ui.rainbow-pool-list= render @pet_types - -= will_paginate @pet_types, class: "rainbow-pool-pagination" +- if @pet_types.present? + = will_paginate @pet_types, class: "rainbow-pool-pagination" + %ui.rainbow-pool-list= render @pet_types + = will_paginate @pet_types, class: "rainbow-pool-pagination" +- else + %p.rainbow-pool-no-results No matching pets found! - content_for :stylesheets do = stylesheet_link_tag "application/rainbow-pool"