diff --git a/app/frontend/styles/application.scss b/app/frontend/styles/application.scss index 487f2d893..84cb508e0 100644 --- a/app/frontend/styles/application.scss +++ b/app/frontend/styles/application.scss @@ -41,6 +41,7 @@ $govuk-breakpoints: ( @import "primary-navigation"; @import "search"; @import "sub-navigation"; +@import "table" // App utilities .app-\!-colour-muted { diff --git a/app/views/users/index.html.erb b/app/views/users/index.html.erb index 44f401515..b7d0d703c 100644 --- a/app/views/users/index.html.erb +++ b/app/views/users/index.html.erb @@ -11,12 +11,12 @@ <%= render SearchComponent.new(current_user:, label: "Search by name or email address") %> <%= govuk_table do |table| %> - <%= table.caption(size: "s", classes: %w[govuk-!-text-align-left govuk-!-margin-top-4 govuk-!-margin-bottom-4]) do |caption| %> + <%= table.caption(classes: %w[app-table__caption]) do |caption| %> <% if @searched %> - Matches <%= @pagy.count %> of <%= User.count %> total users + Matches <%= @pagy.count %> of <%= User.count %> total users <% else %> - <%= @pagy.count %> total users + <%= @pagy.count %> total users <% end %> <% if current_user.support? %>