From 9b6e3a1818f8fdbcd6be8b999b94380f0a917c30 Mon Sep 17 00:00:00 2001
From: Mathieu Caralp <mcaralp@gmail.com>
Date: Sat, 15 Jan 2022 18:30:14 +0000
Subject: [PATCH] Fix #14 : Remaniement du style CSS du clavier.

---
 public/jeu.css | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/public/jeu.css b/public/jeu.css
index 9132939..623dc62 100644
--- a/public/jeu.css
+++ b/public/jeu.css
@@ -118,17 +118,17 @@ h1 {
 }
 
 #input-area {
-  margin-top: 0.5em;
-  margin-bottom: 2em;
-  margin-left: auto;
-  margin-right: auto;
+  margin: 0.5em auto 2em;
   max-width: 100%;
+  width: calc(100% - 20px);
+  max-width: 500px;
 }
 
 .input-ligne {
   display: flex;
   justify-content: space-between;
   gap: 0.25em;
+  width: 100%;
 }
 
 .input-ligne + .input-ligne {
@@ -139,18 +139,24 @@ h1 {
   font-size: 18px;
   display: inline-block;
   border: 1px solid white;
-  padding: 0.5em;
+  border-radius: 5px;
   user-select: none;
-  min-width: 0.5em;
-  flex-grow: 3;
+  flex-grow: 1;
+  flex-shrink: 0;
+  height: 45px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: monospace;
 }
 
 .input-lettre.input-lettre-vide {
   border: 0;
+  flex-grow: 2;
 }
 
 .input-lettre.input-lettre-entree {
-  flex-grow: 6;
+  flex-grow: 2;
 }
 
 .input-lettre.lettre-bien-place {