Put download links on the next line

app/components/search_result_caption_component.html.erb

@@ -1,10 +1,10 @@
 <span class="govuk-!-margin-right-4">
   <% if searched.present? && filters_count&.positive? %>
-    <strong><%= count %></strong> <%= item_label.pluralize(count) %> matching search and filters
+    <strong><%= count %></strong> <%= item_label.pluralize(count) %> matching search and filters<br>
   <% elsif searched.present? %>
-    <strong><%= count %></strong> <%= item_label.pluralize(count) %> matching search
+    <strong><%= count %></strong> <%= item_label.pluralize(count) %> matching search<br>
   <% elsif filters_count&.positive? %>
-    <strong><%= count %></strong> <%= item_label.pluralize(count) %> matching filters
+    <strong><%= count %></strong> <%= item_label.pluralize(count) %> matching filters<br>
   <% else %>
     <strong><%= count %></strong> matching <%= item %>
   <% end %>

app/views/logs/_log_list.html.erb

@@ -1,19 +1,20 @@
 <h2 class="govuk-body">
 <div class="govuk-grid-row">
-<div class="govuk-grid-column-three-quarters">
-  <%= render(SearchResultCaptionComponent.new(searched:, count: pagy.count, item_label:, total_count:, item: "logs", filters_count: applied_filters_count(@filter_type))) %>
-  <% if logs&.any? %>
-    <%= govuk_link_to "Download (CSV)", csv_download_url, type: "text/csv", class: "govuk-!-margin-right-4" %>
-    <% if @current_user.support? %>
-      <%= govuk_link_to "Download (CSV, codes only)", csv_codes_only_download_url, type: "text/csv", class: "govuk-!-margin-right-4" %>
+  <div class="govuk-grid-column-three-quarters">
+    <%= render(SearchResultCaptionComponent.new(searched:, count: pagy.count, item_label:, total_count:, item: "logs", filters_count: applied_filters_count(@filter_type))) %>
+    <% if logs&.any? %>
+      <%= govuk_link_to "Download (CSV)", csv_download_url, type: "text/csv", class: "govuk-!-margin-right-4" %>
+      <% if @current_user.support? %>
+        <%= govuk_link_to "Download (CSV, codes only)", csv_codes_only_download_url, type: "text/csv", class: "govuk-!-margin-right-4" %>
+      <% end %>
     <% end %>
-  <% end %>
-</div>
-<div class="govuk-grid-column-one-quarter govuk-!-text-align-right">
-  <% if logs&.any? && (display_delete_logs?(@current_user, searched, filter_type) || in_organisations_tab?) %>
-    <%= govuk_link_to "Delete logs", delete_logs_path, class: "app-!-colour-red" %>
-  <% end %>
-</div>
+  </div>
+  <div class="govuk-grid-column-one-quarter govuk-!-text-align-right">
+    <br>
+    <% if logs&.any? && (display_delete_logs?(@current_user, searched, filter_type) || in_organisations_tab?) %>
+      <%= govuk_link_to "Delete logs", delete_logs_path, class: "app-!-colour-red" %>
+    <% end %>
+  </div>
 </div>
 </h2>
 <% logs.map do |log| %>

spec/components/search_result_caption_component_spec.rb

@@ -11,7 +11,7 @@ RSpec.describe SearchResultCaptionComponent, type: :component do
 
   context "when search and filter results are found" do
     it "renders table caption including the search results and total" do
-      expect(result.to_html).to eq("<span class=\"govuk-!-margin-right-4\">\n    <strong>2</strong> users matching search and filters\n</span>\n")
+      expect(result.to_html).to eq("<span class=\"govuk-!-margin-right-4\">\n    <strong>2</strong> users matching search and filters<br>\n</span>\n")
     end
   end
 
@@ -19,7 +19,7 @@ RSpec.describe SearchResultCaptionComponent, type: :component do
     let(:filters_count) { nil }
 
     it "renders table caption including the search results and total" do
-      expect(result.to_html).to eq("<span class=\"govuk-!-margin-right-4\">\n    <strong>2</strong> users matching search\n</span>\n")
+      expect(result.to_html).to eq("<span class=\"govuk-!-margin-right-4\">\n    <strong>2</strong> users matching search<br>\n</span>\n")
     end
   end
 
@@ -27,7 +27,7 @@ RSpec.describe SearchResultCaptionComponent, type: :component do
     let(:searched) { nil }
 
     it "renders table caption including the search results and total" do
-      expect(result.to_html).to eq("<span class=\"govuk-!-margin-right-4\">\n    <strong>2</strong> users matching filters\n</span>\n")
+      expect(result.to_html).to eq("<span class=\"govuk-!-margin-right-4\">\n    <strong>2</strong> users matching filters<br>\n</span>\n")
     end
   end
 
@@ -44,7 +44,7 @@ RSpec.describe SearchResultCaptionComponent, type: :component do
     let(:count) { 0 }
 
     it "renders table caption with total count only" do
-      expect(result.to_html).to eq("<span class=\"govuk-!-margin-right-4\">\n    <strong>0</strong> users matching search and filters\n</span>\n")
+      expect(result.to_html).to eq("<span class=\"govuk-!-margin-right-4\">\n    <strong>0</strong> users matching search and filters<br>\n</span>\n")
     end
   end
 
@@ -52,7 +52,7 @@ RSpec.describe SearchResultCaptionComponent, type: :component do
     let(:count) { 1 }
 
     it "renders table caption with total count only" do
-      expect(result.to_html).to eq("<span class=\"govuk-!-margin-right-4\">\n    <strong>1</strong> user matching search and filters\n</span>\n")
+      expect(result.to_html).to eq("<span class=\"govuk-!-margin-right-4\">\n    <strong>1</strong> user matching search and filters<br>\n</span>\n")
     end
   end
 end