diff --git a/app/assets/stylesheets/local/custom.scss b/app/assets/stylesheets/local/custom.scss index 339a1fbb..b26e176d 100644 --- a/app/assets/stylesheets/local/custom.scss +++ b/app/assets/stylesheets/local/custom.scss @@ -62,6 +62,10 @@ html { color: $govuk-link-colour; } +.app-table-container { + overflow-x: auto +} + .app-table { thead { position: sticky; diff --git a/app/views/casework/application_searches/search.html.erb b/app/views/casework/application_searches/search.html.erb index b56fc87b..4a2eb960 100644 --- a/app/views/casework/application_searches/search.html.erb +++ b/app/views/casework/application_searches/search.html.erb @@ -2,13 +2,13 @@
-

<%=t '.heading' %>

+

<%= t '.heading' %>

<%= render @search.filter %>
<% if @search.results.empty? %> - <%= render 'no_search_results'%> + <%= render 'no_search_results' %> <% else %>
@@ -19,20 +19,20 @@
-
+
- <%= render DataTable::HeadComponent.new(sorting: @search.sorting, filter: @search.filter) do |head| - head.with_row do |row| - row.with_cell(colname: :applicant_name) - row.with_cell(colname: :reference) - row.with_cell(colname: :application_type) - row.with_cell(colname: :case_type) - row.with_cell(colname: :submitted_at) - row.with_cell(colname: :reviewed_at) - row.with_cell(colname: :closed_by) - row.with_cell(colname: :status) - end - end %> + <%= render DataTable::HeadComponent.new(sorting: @search.sorting, filter: @search.filter) do |head| %> + <% head.with_row do |row| + row.with_cell(colname: :applicant_name) + row.with_cell(colname: :reference) + row.with_cell(colname: :application_type) + row.with_cell(colname: :case_type) + row.with_cell(colname: :submitted_at) + row.with_cell(colname: :reviewed_at) + row.with_cell(colname: :closed_by) + row.with_cell(colname: :status) + end %> + <% end %> <%= render partial: 'search_results_table_body', collection: @search.results,