From 72bb3009131f2f4b79169b92a541a04b4a2f8434 Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Wed, 18 Dec 2019 12:00:09 -0500
Subject: [PATCH] Styling for TO signature page

---
 styles/elements/_inputs.scss      | 9 +++++++++
 styles/sections/_task_order.scss  | 9 +++++----
 templates/task_orders/step_5.html | 6 ++++--
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/styles/elements/_inputs.scss b/styles/elements/_inputs.scss
index 47cc4f3c..a5040e41 100644
--- a/styles/elements/_inputs.scss
+++ b/styles/elements/_inputs.scss
@@ -165,6 +165,15 @@
         margin-top: 0;
         margin-bottom: 0;
       }
+
+      label {
+        margin-left: 3rem;
+
+        &:before {
+          position: absolute;
+          left: -3rem;
+        }
+      }
     }
 
     select {
diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index 228bf126..c09f49a7 100644
--- a/styles/sections/_task_order.scss
+++ b/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 {
diff --git a/templates/task_orders/step_5.html b/templates/task_orders/step_5.html
index 365174d9..e5ce9189 100644
--- a/templates/task_orders/step_5.html
+++ b/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 }}