many corrections in twig templates

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

@@ -14,31 +14,37 @@
  * 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 'Modify address for %name%'|trans({ '%name%': person.firstName ~ ' ' ~ person.lastName } ) %}
 
 {% block personcontent %}
+<div class="address-new">
+    <div class="row justify-content-center">
+        <div class="col-md-10 col-xxl">     
+            
+            {% block content %}
+                <h1>{{ block('title') }}</h1>
+                <div id="address"></div>
+            {% endblock %}
 
-    {% block content %}
-        <h1>{{ block('title') }}</h1>
-        <div id="address"></div>
-    {% endblock %}
+        </div>    
+    </div>
+</div>
+{% endblock %}
 
-    {% block stylesheets %}
-        {{ encore_entry_link_tags('vue_address') }}
-    {% endblock %}
+{% block css %}
+    {{ encore_entry_link_tags('vue_address') }}
+{% endblock %}
 
-    {% block js %}
-        <script type="text/javascript">
-            window.personId = {{ person.id|e('js') }};
-            window.addressId = {{ address.id|e('js') }};
-            window.mode = 'edit';
-            window.vueRootComponent = 'app';
-        </script>
-        {{ encore_entry_script_tags('vue_address') }}
-    {% endblock %}
-
-{% endblock personcontent %}
+{% block js %}
+    <script type="text/javascript">
+        window.personId = {{ person.id|e('js') }};
+        window.addressId = {{ address.id|e('js') }};
+        window.mode = 'edit';
+        window.vueRootComponent = 'app';
+    </script>
+    {{ encore_entry_script_tags('vue_address') }}
+{% endblock %}