From 7e360270a7ddf48b2368595537b51a6f27b1a0d2 Mon Sep 17 00:00:00 2001
From: Damien De Paoli <ddp@depaoli.id.au>
Date: Mon, 19 Jul 2021 18:45:57 +1000
Subject: [PATCH] make use of row / col consistent to fix up odd title/buttons
 wrong left-hand margin / sizing

---
 templates/person.html | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/templates/person.html b/templates/person.html
index 827f052..e2c3839 100644
--- a/templates/person.html
+++ b/templates/person.html
@@ -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">