From 6a643411a408fc193a7f37a64dca49d047aba0b2 Mon Sep 17 00:00:00 2001
From: Lance Edgar <lance@edbob.org>
Date: Mon, 17 Dec 2018 22:35:42 -0600
Subject: [PATCH] Fix some styles, per flexbox layout changes

---
 tailbone/templates/batch/edit.mako     | 14 +++++---
 tailbone/templates/master/create.mako  | 16 +++++----
 tailbone/templates/master/delete.mako  | 24 +++++++++-----
 tailbone/templates/products/batch.mako | 46 ++++++++++++++------------
 4 files changed, 59 insertions(+), 41 deletions(-)

diff --git a/tailbone/templates/batch/edit.mako b/tailbone/templates/batch/edit.mako
index 2431b578..868c8fff 100644
--- a/tailbone/templates/batch/edit.mako
+++ b/tailbone/templates/batch/edit.mako
@@ -46,10 +46,14 @@
     % endif
 </%def>
 
-<ul id="context-menu">
-  ${self.context_menu_items()}
-</ul>
+<div style="display: flex; justify-content: space-between;">
+
+  <div class="form-wrapper">
+    ${form.render()|n}
+  </div>
+
+  <ul id="context-menu">
+    ${self.context_menu_items()}
+  </ul>
 
-<div class="form-wrapper">
-  ${form.render()|n}
 </div>
diff --git a/tailbone/templates/master/create.mako b/tailbone/templates/master/create.mako
index a6ea2a3e..ed23cbab 100644
--- a/tailbone/templates/master/create.mako
+++ b/tailbone/templates/master/create.mako
@@ -5,10 +5,14 @@
 
 <%def name="context_menu_items()"></%def>
 
-<ul id="context-menu">
-  ${self.context_menu_items()}
-</ul>
+<div style="display: flex; justify-content: space-between;">
 
-<div class="form-wrapper">
-  ${form.render()|n}
-</div><!-- form-wrapper -->
+  <div class="form-wrapper">
+    ${form.render()|n}
+  </div><!-- form-wrapper -->
+
+  <ul id="context-menu">
+    ${self.context_menu_items()}
+  </ul>
+
+</div>
diff --git a/tailbone/templates/master/delete.mako b/tailbone/templates/master/delete.mako
index 6bd48fc4..4cf01067 100644
--- a/tailbone/templates/master/delete.mako
+++ b/tailbone/templates/master/delete.mako
@@ -30,15 +30,21 @@
   ${h.end_form()}
 </%def>
 
-<ul id="context-menu">
-  ${self.context_menu_items()}
-</ul>
+<div style="display: flex; justify-content: space-between;">
 
-<br />
-<p>You are about to delete the following ${model_title} and all associated data:</p>
+  <div>
+    <br />
+    <p>You are about to delete the following ${model_title} and all associated data:</p>
 
-<div class="form-wrapper">
-  ${form.render()|n}
-</div><!-- form-wrapper -->
+    <div class="form-wrapper">
+      ${form.render()|n}
+    </div><!-- form-wrapper -->
 
-${self.confirmation()}
+    ${self.confirmation()}
+  </div>
+
+  <ul id="context-menu">
+    ${self.context_menu_items()}
+  </ul>
+
+</div>
diff --git a/tailbone/templates/products/batch.mako b/tailbone/templates/products/batch.mako
index a66d0486..d9dd957a 100644
--- a/tailbone/templates/products/batch.mako
+++ b/tailbone/templates/products/batch.mako
@@ -44,31 +44,35 @@
 </%def>
 
 
-<ul id="context-menu">
-  ${self.context_menu_items()}
-</ul>
+<div style="display: flex; justify-content: space-between;">
 
-<div class="form">
-  ${h.form(request.current_route_url(), class_='autodisable')}
-  ${h.csrf_token(request)}
+  <div class="form">
+    ${h.form(request.current_route_url(), class_='autodisable')}
+    ${h.csrf_token(request)}
 
-  ${render_deform_field(dform['batch_type'])}
-  ${render_deform_field(dform['description'])}
-  ${render_deform_field(dform['notes'])}
+    ${render_deform_field(dform['batch_type'])}
+    ${render_deform_field(dform['description'])}
+    ${render_deform_field(dform['notes'])}
 
-  % for key, pform in params_forms.items():
-      <div class="params-wrapper ${key}">
-        ## TODO: hacky to use deform? at least is explicit..
-        % for field in pform.make_deform_form():
-            ${render_deform_field(field)}
-        % endfor
-      </div>
-  % endfor
+    % for key, pform in params_forms.items():
+        <div class="params-wrapper ${key}">
+          ## TODO: hacky to use deform? at least is explicit..
+          % for field in pform.make_deform_form():
+              ${render_deform_field(field)}
+          % endfor
+        </div>
+    % endfor
 
-  <div class="buttons">
-    ${h.submit('make-batch', "Create Batch")}
-    ${h.link_to("Cancel", url('products'), class_='button')}
+    <div class="buttons">
+      ${h.submit('make-batch', "Create Batch")}
+      ${h.link_to("Cancel", url('products'), class_='button')}
+    </div>
+
+    ${h.end_form()}
   </div>
 
-  ${h.end_form()}
+  <ul id="context-menu">
+    ${self.context_menu_items()}
+  </ul>
+
 </div>