Add a bit of spacing between columns of text

styles/elements/_panels.scss

@@ -68,6 +68,10 @@
     }
   }
 
+  .panel__body {
+    margin-right: $gap * 2;
+  }
+
   .panel__heading {
     padding: $gap * 2;
 

templates/components/review_field.html

@@ -1,5 +1,5 @@
 {% macro ReviewField(heading, field, filter=None) %}
-  <div class="col col--grow">
+  <div class="col col--grow panel__body">
     <h4 class='task-order-form__heading'>{{ heading }}</h4>
     {% if field %}
       <p>{{ field | findFilter(filter) }}</p>

templates/fragments/task_order_review/reporting.html

@@ -21,21 +21,25 @@
   }}
 </div>
 
-<h4 class='task-order-form__heading'>{{ "task_orders.new.review.complexity"| translate }}</h4>
-{% if task_order.complexity %}
-  <ul class="checklist">
-  {% for item in task_order.complexity %}
-    <li>
-      {{ Icon('ok', classes='icon--gray icon--medium') }}{{ "forms.task_order.complexity.{}".format(item) | translate }}{% if item == 'other' %}: {{ task_order.complexity_other }}{% endif %}
-    </li>
-  {% endfor %}
-  </ul>
-{% else %}
-  <p>{{ RequiredLabel() }}</p>
-{% endif %}
+<div class="row">
+  <div class="col col--grow panel__body">
+    <h4 class='task-order-form__heading'>{{ "task_orders.new.review.complexity"| translate }}</h4>
+    {% if task_order.complexity %}
+      <ul class="checklist">
+      {% for item in task_order.complexity %}
+        <li>
+          {{ Icon('ok', classes='icon--gray icon--medium') }}{{ "forms.task_order.complexity.{}".format(item) | translate }}{% if item == 'other' %}: {{ task_order.complexity_other }}{% endif %}
+        </li>
+      {% endfor %}
+      </ul>
+    {% else %}
+      <p>{{ RequiredLabel() }}</p>
+    {% endif %}
+  </div>
+</div>
 
 <div class="row">
-  <div class="col col--grow">
+  <div class="col col--grow panel__body">
     <h4 class='task-order-form__heading'>{{ "task_orders.new.review.team"| translate }}</h4>
     {% if task_order.dev_team %}
       <ul class="checklist">