Change styling of relationship outcomes page (#2619)

app/views/merge_requests/relationship_outcomes.html.erb

@@ -8,16 +8,18 @@
   <span class="govuk-caption-l"><%= @merge_request.absorbing_organisation_name %></span>
   Stock owners & managing agents
 </h1>
-
-<% unless @merge_request.status == "request_merged" || @merge_request.status == "processing" %>
-  <h2 class="govuk-heading-m"><%= total_stock_owners_after_merge_text(@merge_request) %></h2>
-  <p class="govuk-body">
-    <%= stock_owners_text(@merge_request) %>
-  </p>
-  <hr class="govuk-section-break govuk-section-break--m govuk-section-break--visible govuk-!-width-one-half">
-  <br>
-  <h2 class="govuk-heading-m"><%= total_managing_agents_after_merge_text(@merge_request) %></h2>
-  <p class="govuk-body">
-    <%= managing_agent_text(@merge_request) %>
-  </p>
-<% end %>
+<div class="govuk-grid-row">
+  <div class="govuk-grid-column-two-thirds">
+    <% unless @merge_request.status == "request_merged" || @merge_request.status == "processing" %>
+      <h2 class="govuk-heading-m"><%= total_stock_owners_after_merge_text(@merge_request) %></h2>
+      <p class="govuk-body">
+        <%= stock_owners_text(@merge_request) %>
+      </p>
+      <hr class="govuk-section-break govuk-section-break--m govuk-section-break--visible govuk-!-margin-bottom-7 govuk-!-width-three-quarters ">
+      <h2 class="govuk-heading-m"><%= total_managing_agents_after_merge_text(@merge_request) %></h2>
+      <p class="govuk-body">
+        <%= managing_agent_text(@merge_request) %>
+      </p>
+    <% end %>
+  </div>
+</div>