remise en forme des formulaires security

templates/security/createuser.html.twig

@@ -4,6 +4,8 @@
 {% block titre %}Création d'un utilisateur{%  endblock %}
 
 {% block body %}
-    {{ form(form) }}
+    <div class="d-flex justify-content-center">
+        {{ form(form) }}
+    </div>
     <a href="{{ path('admin_index') }}" class="btn btn-link" role="button">Retour à la liste</a>
 {% endblock %}

templates/security/login.html.twig

@@ -4,19 +4,18 @@
 {% block titre %}Identification{%  endblock %}
 
 {% block body %}
-    <div class="container">
         <div class="row">
             <div class="col-md-4">
                 <form method="post">
                     {% if error %}
                         <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
                     {% endif %}
-                    <div class="input-group">
-                        <label for="inputUsername" class="sr-only">Login</label>
+                    <label for="inputUsername" class="sr-only">Login</label>
+                    <div class="input-group mb-3">
                         <input type="text" value="{{ last_username }}" name="username" id="inputUsername" class="form-control" placeholder="Login" required autofocus>
                     </div>
-                    <div class="input-group">
-                        <label for="inputPassword" class="sr-only">Mot de passe</label>
+                    <label for="inputPassword" class="sr-only">Mot de passe</label>
+                    <div class="input-group mb-3">
                         <input type="password" name="password" id="inputPassword" class="form-control" placeholder="Mot de passe" required>
                     </div>
                     <input type="hidden" name="_csrf_token"
@@ -33,7 +32,7 @@
                         </div>
                     
 
-                    <button class="btn btn-primary" type="submit">
+                    <button class="btn btn-primary mb-3" type="submit">
                         Se connecter
                     </button>
                 </form>
@@ -45,5 +44,4 @@
                 <p>Mot de passe oublié ? <a href="{{ path('security_envoyertoken') }}">Récupérer mot de passe</a></p>
             </div>
         </div>
-    </div>
 {% endblock %}

templates/security/password.html.twig

@@ -4,6 +4,8 @@
 {% block titre %}Changer de mot de passe{%  endblock %}
 
 {% block body %}
-    <h2>Vous pouvez changer de mot de passe ici</h2>
-    {{ form(form) }}
+    <div class="d-flex justify-content-center">
+        <h2>Vous pouvez changer de mot de passe ici</h2>
+        {{ form(form) }}
+    </div>
 {% endblock %}

templates/security/register.html.twig

@@ -4,11 +4,7 @@
 {% block titre %}S'enregistrer{%  endblock %}
 
 {% block body %}
-    <div class="container">
-        <div class="row">
-            <div class="col-4">
-                {{ form(form) }}
-            </div>
-        </div>
+    <div class="d-flex justify-content-center">
+        {{ form(form) }}
     </div>
 {% endblock %}