Some styling for cancel modal

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)

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;
+}

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>
+          <div class="task-order__modal-cancel_buttons">
-          <button formaction="{{ cancel_save_url }}" class="usa-button usa-button-primary" type="submit">Yes, save for later</button>
+            <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 %}