make use of row / col consistent to fix up odd title/buttons wrong left-hand margin / sizing

This commit is contained in:
2021-07-19 18:45:57 +10:00
parent eddc00d4a9
commit 7e360270a7

View File

@@ -31,19 +31,19 @@
</script>
<div class="container-fluid">
<h3 class="offset-lg-3">{{page_title}}</h3>
<div class="row col-lg-12"><h3 class="offset-lg-3">{{page_title}}</h3></div>
<form id="pfm" class="form form-inline" action="" method="POST">
{% for field in form %}
{% if field.type == 'HiddenField' or field.type == 'CSRFTokenField' %}
{{field}}<br>
{% elif field.type != 'SubmitField' %}
<div class="form-row col-lg-12">
<div class="row col-lg-12">
{{ field.label( class="col-lg-3" ) }}
{{ field( class="form-control col" ) }}
</div class="form-row col-lg-12">
</div class="row col-lg-12">
{% endif %}
{% endfor %}
<div class="form-row col-lg-12">
<div class="row col-lg-12">
<span class="col-lg-3"><center>Reference Images:</center></span>
{% for refimg in person.refimg %}
{% set offset="" %}
@@ -73,7 +73,7 @@
$(function() { DrawRefimg(im_{{refimg.id}}, c_{{refimg.id}}, orig_face_{{refimg.id}} ) });
</script>
<div style="position:absolute; top: 2; right: 2;">
<div style="position:absolute; top: 2px; right: 2px;">
<button type="button" style="font-size:12px" class="btn btn-danger"
onClick="DelImg({{refimg.id}})">X</button>
</div>
@@ -83,11 +83,11 @@
</center>
</div id="/RI*">
{% endfor %}
</div class="form-row col-lg-12">
<div class="form-row col-lg-12">
</div class="row col-lg-12">
<div class="row col-lg-12">
<br>
</div class="form-row">
<div class="form-row col-lg-12">
<div class="row col-lg-12">
{{ form.save( id="save", class="btn btn-primary offset-lg-3 col-lg-2" )}}
{% if 'Edit' in page_title %}
{{ form.delete( class="btn btn-outline-danger col-lg-2" )}}
@@ -97,10 +97,12 @@
{% if person.id %}
<form id="new_ri" class="form" action="{{url_for('add_refimg')}}" method="POST" enctype="multipart/form-data">
<input type="hidden" name="person_id" value="{{person.id}}"></input>
<label class="btn btn-success offset-lg-3 col-lg-2">
Add reference image
<input name="refimg_file" type="file" onChange="$('#new_ri').submit()" style="display:none;" id="new_file_chooser">
</label>
<div class="row col-lg-12">
<label class="btn btn-success offset-lg-3 col-lg-2">
Add reference image
<input name="refimg_file" type="file" onChange="$('#new_ri').submit()" style="display:none;" id="new_file_chooser">
</label>
</div class="row col-lg-12">
</form>
{% endif %}
</div class="container">