From e99d0995878fa7cf9f441fd4ee769acd30542807 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Rapha=C3=ABl=20Jakse?= <raphael.git@jakse.fr>
Date: Sat, 3 May 2025 19:01:46 +0200
Subject: [PATCH] Gather the game number and the player name to gain some space

---
 public/index.html    | 2 +-
 public/trivabble.css | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index d1108fc..b539a51 100644
--- a/public/index.html
+++ b/public/index.html
@@ -27,8 +27,8 @@
             <button data-l10n="text-content" id="join-game">Join adversaries</button>
             <button data-l10n="text-content" id="leave-game">Leave current game</button>
             <button id="clear-game" data-l10n="text-content">Restart</button>
+            <p id="p-number"><span data-l10n="text-content">Game number:</span> <span id="number" data-l10n="text-content">(pending)</span></p>
             <p id="p-name"> <span data-l10n="text-content">You are:</span> <span id="name" data-l10n="text-content">(name to give)</span><br /><button class="minibutton" id="change-name" data-l10n="text-content">Change</button></p>
-            <p id="p-name"><span data-l10n="text-content">Game number:</span> <span id="number" data-l10n="text-content">(pending)</span></p>
             <div id="chat-messages"></div>
             <textarea id="chat-ta" placeholder="Write a message to your adversaries here" data-l10n="placeholder"></textarea>
             <button id="chat-btn" class="minibutton" data-l10n="text-content">Send message</button>
diff --git a/public/trivabble.css b/public/trivabble.css
index fadd074..552b3ad 100644
--- a/public/trivabble.css
+++ b/public/trivabble.css
@@ -385,11 +385,16 @@ td.blink {
     text-align:center;
 }
 
-#p-name {
+#p-name, #p-number {
+    margin:0;
     text-align:center;
     font-size:small
 }
 
+#p-number {
+    margin-top:1ex;
+}
+
 .panel .minibutton {
     padding:0.25ex 0.5ex;
     min-height:0;
-- 
2.30.2