Mise à jour articles et produits

src/app/components/settings/credentials/credentials.component.html

@@ -1,8 +1,11 @@
-<div class="banner bg-navy light text-center mat-elevation-z2">
-    <div class="d-flex justify-content-center text-start">
-        <img [src]="user.image" class="user-img" [alt]="user.username" />
-        <div class="ms-3">
-            <h4>{{ bannerTitle }}</h4>
+<div class="banner bg-accent mat-elevation-z2">
+    <div class="d-flex mx-2 mx-md-3 mx-lg-4">
+        <img [src]="user.image" class="user-img me-3" [alt]="user.username" />
+        <div class="flex-spacer">
+            <h3 class="mb-0">{{bannerTitle}}</h3>
+            <span class="fs-6">{{user.firstname}} {{user.lastname}}</span>
+        </div>
+        <div class="align-self-center text-end">
             <button mat-raised-button color="cyan" [routerLink]="['/profile', user.username]">
                 <mat-icon aria-label="Voir le compte" fontIcon="person"></mat-icon> Mon compte
             </button>
@@ -18,7 +21,7 @@
     <app-list-errors [errors]="errors"></app-list-errors>
     <div class="container page mt-4">
         <div class="row">
-            <div class="col-md-6 offset-md-3 col-xs-12">
+            <div class="col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 col-xs-12">
                 <form class="row row-cols-lg-auto" [formGroup]="credentialsForm" (ngSubmit)="submitForm()">
                     <fieldset [disabled]="isSubmitting" class="w-100">
                         <legend [hidden]="true">Mise à jour du mot de passe</legend>