fix: réduction des marges et des espacements dans le template utilisateur pour un design plus compact

templates/user/index.html.twig

@@ -7,14 +7,14 @@
 {% block title %}Ma page de profil | {{ parent() }}{% endblock %}
 
 {% block body %}
-    <div class="py-8 w-full">
+    <div class="py-4 w-full">
         {# Affichage du formulaire (seulement en mode édition) #}
             {% if isEditMode %}
                 {{ form_start(form, {'attr': {'class': 'contents'}}) }}
             {% endif %}
 
         {# Gestion des boutons d'action (Modifier / Annuler) et des titres #}
-        <div class="relative flex items-center justify-center mb-6">
+        <div class="relative flex items-center justify-center mb-4">
             <h1 class="text-4xl font-caveat text-text m-0">Mon profil</h1>
 
             <div class="absolute right-0">
@@ -34,12 +34,12 @@
 
         {# --- Gestion de l'affichage des informations personnelles et de la photo --- #}
         {# Mise en page en colonne #}
-        <div class="grid md:grid-cols-3 gap-8">
+        <div class="grid md:grid-cols-3 gap-4">
 
             {# Colonne Photo #}
             <div class="flex flex-col text-text items-center">
 
-                <div class="mt-16 flex-shrink-0">
+                <div class="flex-shrink-0">
                     {% if userData.image %}
                         {# Design avec photo #}
                         <img src="{{ asset('uploads/images/' ~ userData.image) }}"
@@ -58,11 +58,11 @@
                     {% endif %}
                 </div>
 
-                <p class="text-2xl text-title font-caveat mt-6"> Ma photo</p>
+                <p class="text-2xl text-title font-caveat mt-3"> Ma photo</p>
 
                 {# Gestion du dépôt d'un fichier image (Uniquement en mode édition) #}
                 {% if isEditMode %}
-                    <div class="w-full mt-4">
+                    <div class="w-full mt-2">
                         {{ form_label(form.image, 'Choisir un fichier', {
                             'label_attr': {'class': 'block mb-2.5 text-sm font-medium text-gris-fonce'}
                         }) }}
@@ -85,9 +85,9 @@
             {# Colonne Infos Persos #}
             <div class="md:col-span-2">
 
-                <h2 class="text-2xl font-caveat text-text mb-6 text-center">Mes informations personnelles</h2>
+                <h2 class="text-2xl font-caveat text-text mb-4 text-center">Mes informations personnelles</h2>
 
-                <div class="flex flex-col gap-6">
+                <div class="flex flex-col gap-4">
                     {# Identifiant #}
                     <div class="space-y-1">
                         <label class="block text-base font-semibold text-text">
@@ -265,7 +265,7 @@
 
                     {# Affichage du bouton "Valider" (seulement en mode édition) #}
                     {% if isEditMode %}
-                        <div class="flex justify-center pt-8 pb-4">
+                        <div class="flex justify-center pt-4 pb-2">
                             <button type="submit"
                                     class="px-8 py-2.5 bg-bouton hover:bg-bouton-hover text-text text-sm font-bold rounded-lg shadow transition-colors">
                                 Enregistrer les modifications