adapt AddAddress modal to bootstrap: position, responsive, form

src/Bundle/ChillPersonBundle/Resources/views/Address/list.html.twig

@@ -110,8 +110,8 @@
     <ul class="record_actions sticky-form-buttons">
         <li class="cancel">
             <a href="{{ path('chill_person_view', { 'person_id' : person.id } ) }}" class="btn btn-cancel">
-                    {{ 'Back to the person details'|trans }}
-                </a>
+                {{ 'Back to the person details'|trans }}
+            </a>
         </li>
         <li>
             <a class="btn btn-create"

src/Bundle/ChillPersonBundle/Resources/views/Address/new.html.twig

@@ -14,13 +14,17 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 #}
-{% extends "@ChillPerson/Person/layout.html.twig"  %}
+{% extends "@ChillPerson/Person/layout.html.twig" %}
 
 {% set activeRouteKey = '' %}
 
 {% block title %}{{ 'New address for %name%'|trans({ '%name%': person.firstName|capitalize ~ ' ' ~ person.lastName } )|capitalize }}{% endblock %}
 
 {% block personcontent %}
+<div class="address-new">
+    <div class="row justify-content-center">
+        <div class="col-md-10">
+            
 
     {% block content %}
         <h1>{{ block('title') }}</h1>
@@ -40,6 +44,8 @@
         {{ encore_entry_script_tags('vue_address') }}
     {% endblock %}
 
-
-
+    
+        </div>    
+    </div>
+</div>
 {% endblock personcontent %}