From c99e05ed8642ddc8b4bc2b4ddaf3baf2095435a8 Mon Sep 17 00:00:00 2001
From: richard-dds <richard-ctr@friends.dds.mil>
Date: Tue, 30 Jul 2019 11:07:16 -0400
Subject: [PATCH] Some styling for cancel modal

---
 atst/routes/task_orders/new.py          | 9 +++++++--
 styles/sections/_task_order.scss        | 9 +++++++++
 templates/task_orders/builder_base.html | 6 ++++--
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/atst/routes/task_orders/new.py b/atst/routes/task_orders/new.py
index c3259902..a8b63257 100644
--- a/atst/routes/task_orders/new.py
+++ b/atst/routes/task_orders/new.py
@@ -22,10 +22,15 @@ def render_task_orders_edit(template, portfolio_id=None, task_order_id=None, for
         render_args["form"] = form or TaskOrderForm()
 
     render_args["cancel_save_url"] = url_for(
-        "task_orders.cancel_edit", task_order_id=task_order_id, portfolio_id=portfolio_id, save=True
+        "task_orders.cancel_edit",
+        task_order_id=task_order_id,
+        portfolio_id=portfolio_id,
+        save=True,
     )
     render_args["cancel_discard_url"] = url_for(
-        "task_orders.cancel_edit", task_order_id=task_order_id, portfolio_id=portfolio_id
+        "task_orders.cancel_edit",
+        task_order_id=task_order_id,
+        portfolio_id=portfolio_id,
     )
 
     return render_template(template, **render_args)
diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index f9604e17..eb801826 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -249,3 +249,12 @@
     }
   }
 }
+
+.task-order__modal-cancel {
+  text-align: center;
+}
+
+.task-order__modal-cancel_buttons {
+  display: flex;
+  justify-content: center;
+}
diff --git a/templates/task_orders/builder_base.html b/templates/task_orders/builder_base.html
index 4319e06b..0f4848f2 100644
--- a/templates/task_orders/builder_base.html
+++ b/templates/task_orders/builder_base.html
@@ -37,8 +37,10 @@
       {% call Modal(name='cancel', dismissable=True) %}
         <div class="task-order__modal-cancel">
           <h1>Do you want to save this draft?</h1>
-          <button formaction="{{ cancel_discard_url }}" class="usa-button usa-button-primary" type="submit">No, delete it</button>
-          <button formaction="{{ cancel_save_url }}" class="usa-button usa-button-primary" type="submit">Yes, save for later</button>
+          <div class="task-order__modal-cancel_buttons">
+            <button formaction="{{ cancel_discard_url }}" class="usa-button usa-button-primary" type="submit">No, delete it</button>
+            <button formaction="{{ cancel_save_url }}" class="usa-button usa-button-primary" type="submit">Yes, save for later</button>
+          </div>
         </div>
       {% endcall %}