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,