implement dirty fiddle to get the checkboxes smaller and also not misaligned

app/frontend/styles/_delete-logs-table.scss

@@ -0,0 +1,5 @@
+.checkbox-cell {
+  .govuk-checkboxes__item {
+    margin-top: -7px;
+  }
+}

app/frontend/styles/application.scss

@@ -44,6 +44,7 @@ $govuk-breakpoints: (
 @import "search";
 @import "sub-navigation";
 @import "errors";
+@import "delete-logs-table";
 
 // App utilities
 .app-\!-colour-muted {

app/views/logs/_delete_logs_table_lettings.html.erb

@@ -16,7 +16,7 @@
           <% row.cell text: log.tenancycode %>
           <% row.cell text: log.propcode %>
           <% row.cell text: status_tag(log.status) %>
-          <% row.cell do %>
+          <% row.cell html_attributes: { class: "checkbox-cell" } do %>
             <% f.govuk_check_box :selected_ids, log.id,
               label: { text: log.id, hidden: true },
               checked: delete_logs_form.selected_ids.include?(log.id) %>

app/views/logs/_delete_logs_table_sales.html.erb

@@ -16,7 +16,7 @@
           <% row.cell text: log.purchid %>
           <% row.cell text: log.saledate&.to_formatted_s(:govuk_date) %>
           <% row.cell text: status_tag(log.status) %>
-          <% row.cell do %>
+          <% row.cell html_attributes: { class: "checkbox-cell" } do %>
             <% f.govuk_check_box :selected_ids, log.id,
               label: { text: log.id, hidden: true },
               checked: delete_logs_form.selected_ids.include?(log.id) %>

app/views/logs/delete_logs.html.erb

@@ -10,6 +10,7 @@
 </h1>
 <p>You've selected <%= @delete_logs_form.log_count %> <%= "log".pluralize(@delete_logs_form.log_count) %> to delete</p>
 
+<div class="govuk-checkboxes govuk-checkboxes--small">
   <%= form_with model: @delete_logs_form, url: @delete_logs_form.delete_confirmation_path do |f| %>
     <%= f.hidden_field :search_term, value: @delete_logs_form.search_term %>
     <%= f.govuk_error_summary %>
@@ -18,3 +19,4 @@
       <%= govuk_button_link_to "Cancel", @delete_logs_form.back_to_logs_path, secondary: true %>
     <% end %>
   <% end %>
+</div>