Gather the game number and the player name to gain some space

diff --git a/public/index.html b/public/index.html
index d1108fc7907af5c4747e6f1498bf0a1c47746e09..b539a515b2f8e61e3b7ad5271ce7e2a49e0e11c3 100644 (file)
--- 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 fadd07440c0510eab76907ef1419dd0bbfb4b980..552b3ad19266802eeed645b73d097c2b01820818 100644 (file)
--- 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;