Align Download and Apply buttons on the right.

trade-tariff · Nov 6, 2023 · 6d707ec · 6d707ec
1 parent 1b02256
commit 6d707ec
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/app/views/tariff_updates/index.html.erb b/app/views/tariff_updates/index.html.erb
@@ -1,11 +1,15 @@
-<div class="govuk-button-group" style='align-right'>
-  <%= button_to 'Download', download_tariff_updates_path, method: :post, class: 'govuk-button' %>
-  <%= button_to 'Apply', apply_tariff_updates_path, method: :post, class: 'govuk-button' %>
+<div class="govuk-grid-row">
+  <div class="govuk-grid-column-three-quarters">
+    <h2>Tariff Updates - <%= service_update_type %></h2>
+  </div>
+  <div class="govuk-grid-column-one-quarter">
+    <div class="govuk-button-group">
+      <%= button_to 'Download', download_tariff_updates_path, method: :post, class: 'govuk-button' %>
+      <%= button_to 'Apply', apply_tariff_updates_path, method: :post, class: 'govuk-button' %>
+    </div>
+  </div>
 </div>
 
-
-<h2>Tariff Updates - <%= service_update_type %></h2>
-
 <table class='table table-bordered table-striped table-condensed table-tariff-updates'>
   <thead>
     <tr>