Fix some styles, per flexbox layout changes

This commit is contained in:
Lance Edgar 2018-12-17 22:35:42 -06:00
parent d369693f9f
commit 6a643411a4
4 changed files with 59 additions and 41 deletions

View file

@ -46,10 +46,14 @@
% endif % endif
</%def> </%def>
<ul id="context-menu"> <div style="display: flex; justify-content: space-between;">
${self.context_menu_items()}
</ul> <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> </div>

View file

@ -5,10 +5,14 @@
<%def name="context_menu_items()"></%def> <%def name="context_menu_items()"></%def>
<ul id="context-menu"> <div style="display: flex; justify-content: space-between;">
${self.context_menu_items()}
</ul>
<div class="form-wrapper"> <div class="form-wrapper">
${form.render()|n} ${form.render()|n}
</div><!-- form-wrapper --> </div><!-- form-wrapper -->
<ul id="context-menu">
${self.context_menu_items()}
</ul>
</div>

View file

@ -30,15 +30,21 @@
${h.end_form()} ${h.end_form()}
</%def> </%def>
<ul id="context-menu"> <div style="display: flex; justify-content: space-between;">
${self.context_menu_items()}
</ul>
<br /> <div>
<p>You are about to delete the following ${model_title} and all associated data:</p> <br />
<p>You are about to delete the following ${model_title} and all associated data:</p>
<div class="form-wrapper"> <div class="form-wrapper">
${form.render()|n} ${form.render()|n}
</div><!-- form-wrapper --> </div><!-- form-wrapper -->
${self.confirmation()} ${self.confirmation()}
</div>
<ul id="context-menu">
${self.context_menu_items()}
</ul>
</div>

View file

@ -44,31 +44,35 @@
</%def> </%def>
<ul id="context-menu"> <div style="display: flex; justify-content: space-between;">
${self.context_menu_items()}
</ul>
<div class="form"> <div class="form">
${h.form(request.current_route_url(), class_='autodisable')} ${h.form(request.current_route_url(), class_='autodisable')}
${h.csrf_token(request)} ${h.csrf_token(request)}
${render_deform_field(dform['batch_type'])} ${render_deform_field(dform['batch_type'])}
${render_deform_field(dform['description'])} ${render_deform_field(dform['description'])}
${render_deform_field(dform['notes'])} ${render_deform_field(dform['notes'])}
% for key, pform in params_forms.items(): % for key, pform in params_forms.items():
<div class="params-wrapper ${key}"> <div class="params-wrapper ${key}">
## TODO: hacky to use deform? at least is explicit.. ## TODO: hacky to use deform? at least is explicit..
% for field in pform.make_deform_form(): % for field in pform.make_deform_form():
${render_deform_field(field)} ${render_deform_field(field)}
% endfor % endfor
</div> </div>
% endfor % endfor
<div class="buttons"> <div class="buttons">
${h.submit('make-batch', "Create Batch")} ${h.submit('make-batch', "Create Batch")}
${h.link_to("Cancel", url('products'), class_='button')} ${h.link_to("Cancel", url('products'), class_='button')}
</div>
${h.end_form()}
</div> </div>
${h.end_form()} <ul id="context-menu">
${self.context_menu_items()}
</ul>
</div> </div>