Css + admin button

# Conflicts:
#	public/css/ControllerVues/list.css
#	public/js/GestionMenu/GestionMenu.js
#	templates/index/admin.html.twig
#	templates/user/list.html.twig

public/css/Compte/GestionUser.css

@@ -1,3 +1,7 @@
+html{
+    font-family: "Quicksand Light"; !important;
+}
+
 #container_modal {
     background-color: white;
     margin-left: 20%; /* Centrage vertical */

public/css/Compte/index.css

@@ -1,3 +1,7 @@
+
+html{
+    font-family: "Quicksand Light"; !important;
+}
 /* Style pour chaque élément d'information de l'utilisateur */
 .user-info-item {
     display: flex;

public/css/ControllerVues/edit.css

@@ -1,4 +1,6 @@
-
+html{
+    font-family: "Quicksand Light"; !important;
+}
 /* Page container */
 .page-container {
     width: 100%;

public/css/ControllerVues/new.css

@@ -1,4 +1,6 @@
-
+html{
+    font-family: "Quicksand Light"; !important;
+}
 /* Page container */
 .page-container {
     width: 100%;

public/css/GestionUtilisateurs/GestionUtilisateurs.css

@@ -8,3 +8,6 @@
     height: 100%; /* Hauteur du contenu de la modal */
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
 }
+html{
+    font-family: "Quicksand Light"; !important;
+}

public/css/Index/index.css

@@ -1,3 +1,7 @@
+html{
+    font-family: "Quicksand Light"; !important;
+}
+
 .top-bar {
     background-color: #db5559;
     width: calc(100% - 18%); /*Calcule la totalité de l'écran - le left-background */
@@ -10,21 +14,10 @@
     align-items: center;
     padding: 0 20px;
     color: white;
-    font-size: 18px;
+    font-size: 16px;
     box-sizing: border-box; /* Inclut le padding dans la largeur totale */
 }
 
-
-.user-role {
-    background-color: white;
-    color: black;
-    padding: 10px 15px;
-    font-weight: bold;
-    overflow: hidden;
-}
-
-
-
 .left-background {
     background-color: #db5559;
     width: 18%;
@@ -34,7 +27,6 @@
     left: 0;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
 }
 
 
@@ -57,12 +49,11 @@ li {
 .btn-custom {
     background-color: #FFFFFF;
     color: black;
-    padding: 15px 40px;
+    padding: 15px;
     font-size: 16px;
     font-weight: bold;
     cursor: pointer;
     display: inline-block;
-
     border-right: 5px solid #db5559;
     border-left: 5px solid #db5559;
 }
@@ -88,8 +79,6 @@ li {
 .Information-perso {
     display: flex;
     justify-content: space-between;
-    padding: 20px;
-    margin-top: auto;
 }
 
 .btn-info-compte, .btn-info-exit {
@@ -104,12 +93,12 @@ li {
 
 .btn-info-compte {
     width: 50%;
-    height: 30px;
+    height: 20px;
 }
 
 .btn-info-exit {
     width: 10%;
-    height: 30px;
+    height: 20px;
 }
 
 /* Style pour la modal (cachée par défaut) */

templates/base.html.twig

@@ -38,6 +38,17 @@
         <div>
             Bonjour, {{ app.user.prenom }}
         </div>
+        <div class="Information-perso">
+            <a href="{{ path('update-user', { 'id': app.user.id }) }}" class="btn-info-compte icon-container">
+                <i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i>
+                <span>Compte</span>
+            </a>
+            <div class="btn-info-exit icon-container">
+                <a href="{{ path('app_logout') }}" class="icon-medium">
+                    {{ ux_icon('iconamoon:exit-bold') }}
+                </a>
+            </div>
+        </div>
     </div>
 
     <!-- Left Menu -->
@@ -76,6 +87,18 @@
                             <span>Voir tendances</span>
                         </div>
                     </li>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
+                            <span>Commandes</span>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i>
+                            <span>Réservation</span>
+                        </div>
+                    </li>
                 </ul>
             </div>
         {% elseif is_granted('ROLE_CUISINIER') %}
@@ -117,17 +140,6 @@
                 </ul>
             </div>
         {% endif %}
-        <div class="Information-perso">
-            <a href="{{ path('update-user', { 'id': app.user.id }) }}" class="btn-info-compte icon-container">
-                <i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i>
-                <span>Compte</span>
-            </a>
-            <div class="btn-info-exit icon-container">
-                <a href="{{ path('app_logout') }}" class="icon-medium">
-                    {{ ux_icon('iconamoon:exit-bold') }}
-                </a>
-            </div>
-        </div>
     </div>
 
 {% block container_modal %}