From 748ad7e20dfb76e3fa7297a2e17c8760d4d9ea75 Mon Sep 17 00:00:00 2001
From: Alessandre Laguierce <alessandre.laguierce@enseirb-matmeca.fr>
Date: Sun, 28 Apr 2024 12:10:04 +0200
Subject: [PATCH] style: better buttons for normal full screen

---
 src/player.html | 11 ++++++-----
 src/style.css   | 20 ++++++++++++--------
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/player.html b/src/player.html
index c4fc6ce..89b634f 100644
--- a/src/player.html
+++ b/src/player.html
@@ -46,11 +46,12 @@
 </div>
 <div class="footer">
 
-    <div>Seed: <span id="seed_disp"></span></div>
-    <div class="spacer"></div>
-    <div class="button interactable" id="showData">Afficher les données de parties</div>
-    <div class="button interactable" id="showImages">Afficher le graphe</div>
-    <div class="button interactable" id="showTeams">Afficher les équipes</div>
+    <div style=" width: 100%">Seed: <span id="seed_disp"></span></div>
+    <div style="display: flex; width: 200%; justify-content: right">
+      <div class="button interactable" id="showData">Afficher les données de parties</div>
+      <div class="button interactable" id="showImages">Afficher le graphe</div>
+      <div class="button interactable" id="showTeams">Afficher les équipes</div>
+    </div>
 </div>
 
 <div class="closed" id="jsonData">
diff --git a/src/style.css b/src/style.css
index 3ad60b3..e163e2a 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,6 +1,7 @@
 body {
-    height: 100em;
+    height: 100vh;
     /*overflow: hidden;*/
+    overflow-x: hidden;
     align-items: center;
     justify-content: center;
     margin: 0;
@@ -33,9 +34,9 @@ body {
 }
 
 .footer {
+    margin-top: -5px;
     display: flex;
     align-items: center;
-    justify-content: left;
     color: white;
 }
 
@@ -156,7 +157,8 @@ body {
 .button {
     font-size: 1em;
     width: fit-content;
-    padding: 10px;
+    padding: 5px;
+    margin: 3px 5px 3px 5px;
     border: 1px solid #ececec;
     border-radius: 10px;
     color: white;
@@ -174,15 +176,17 @@ body {
 #jsonData {
     font-size: 1em;
     overflow-y: hidden;
+    overflow-x: scroll;
     transition: font-size 500ms cubic-bezier(1, 1, 1, 1);
     margin: 0.1vw;
     border: 1px solid rgba(169, 169, 169, 0.67);
     padding: 0.2vw;
-
 }
 
 .closed#jsonData {
     font-size: 0 !important;
+    margin: 0;
+    padding: 0;
 }
 
 .tileImg {
@@ -196,7 +200,7 @@ body {
     opacity: 0;
 }
 
-#jsonData {
-    position: absolute;
-    top: 100vh;
-}
\ No newline at end of file
+/*#jsonData {*/
+/*    position: absolute;*/
+/*    top: 100vh;*/
+/*}*/
\ No newline at end of file