Styling for TO signature page

styles/elements/_inputs.scss

@@ -165,6 +165,15 @@
         margin-top: 0;
         margin-bottom: 0;
       }
+
+      label {
+        margin-left: 3rem;
+
+        &:before {
+          position: absolute;
+          left: -3rem;
+        }
+      }
     }
 
     select {

styles/sections/_task_order.scss

@@ -20,10 +20,7 @@
   }
 
   &__header {
-    .h2,
-    p {
-      margin-bottom: $gap * 0.5;
-    }
+    margin-bottom: $gap * 6;
   }
 
   .col {
@@ -155,6 +152,10 @@
       }
     }
   }
+
+  &__confirmation {
+    margin-left: $gap * 8;
+  }
 }
 
 .task-order__modal-cancel {

templates/task_orders/step_5.html

@@ -11,8 +11,10 @@
 
 {% block to_builder_form_field %}
   {{ TOFormStepHeader('task_orders.form.step_5.description' | translate, to_number=task_order.number) }}
-  {{ CheckboxInput(form.signature) }}
-  {{ CheckboxInput(form.confirm) }}
+  <div class="task-order__confirmation">
+    {{ CheckboxInput(form.signature) }}
+    {{ CheckboxInput(form.confirm) }}
+  </div>
   <hr>
   <h5>
     {{ "task_orders.sign.acknowledge.title" | translate }}