update

src/main/resources/templates/modele-page.html

@@ -13,10 +13,7 @@
             <a class="navbar-brand" href="/accueil">
                 <img src="/img/logo.png" width="70" height="70" alt="Logo">
             </a>
-            <div th:if="${#authentication.principal != 'anonymousUser'}">
-                <p>Mes crédits :</p>
-                <p th:text="${user}"></p>
-            </div>
+            <div th:if="${#authentication.principal != 'anonymousUser'}" class="text-light d-flex justify-content-center align-items-center" th:text="#{'Mes crédits : '} + ${user}"></div>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>

src/main/resources/templates/profil.html

@@ -50,7 +50,7 @@
                             <span th:text="${userProfile.credit}"></span>
                         </li>
                     </ul>
-                    <form th:action="@{/profil/edit}" method="post" class="mt-3">
+                    <form th:action="@{/profil/edit}" method="post" class="d-flex justify-content-end align-items-center mt-3">
                         <button type="submit" class="btn btn-primary" th:text="#{profil.button}"></button>
                     </form>
                 </div>