Ajoute le preremplissage du joueur connecte

styles.css

@@ -414,6 +414,17 @@ p {
   gap: 0.45rem;
 }
 
+.field-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.65rem;
+}
+
+.field-label-text {
+  font-weight: 700;
+}
+
 [hidden] {
   display: none !important;
 }
@@ -567,6 +578,20 @@ textarea:focus {
   gap: 0.75rem;
 }
 
+.player-name-field .field-heading {
+  margin-bottom: -0.1rem;
+}
+
+.player-fill-button {
+  flex: 0 0 auto;
+  padding: 0.42rem 0.48rem;
+  border-radius: 12px;
+}
+
+.player-fill-button .action-icon {
+  font-size: 1.05rem;
+}
+
 .side-panel {
   display: grid;
   gap: 1rem;
@@ -2380,11 +2405,16 @@ body.site-menu-hidden .site-menu-shell {
     gap: 0.25rem;
   }
 
+  body[data-page="setup"] .field-label-text,
   body[data-page="setup"] .field > span,
   body[data-page="setup"] legend {
     font-size: 0.9rem;
   }
 
+  body[data-page="setup"] .player-fill-button {
+    padding: 0.36rem 0.42rem;
+  }
+
   body[data-page="setup"] input,
   body[data-page="setup"] textarea {
     padding: 0.75rem 0.85rem;
@@ -2751,11 +2781,16 @@ body.site-menu-hidden .site-menu-shell {
     gap: 0.45rem;
   }
 
+  body[data-page="setup"] .field-label-text,
   body[data-page="setup"] .field > span,
   body[data-page="setup"] legend {
     font-size: 0.84rem;
   }
 
+  body[data-page="setup"] .player-fill-button {
+    padding: 0.34rem 0.4rem;
+  }
+
   body[data-page="setup"] input,
   body[data-page="setup"] textarea {
     padding: 0.68rem 0.75rem;