From b6f5f602bd8edbac3bb5c5852f81c496ae271fbe Mon Sep 17 00:00:00 2001
From: Gilles Soulier <gil.soulier@gmail.com>
Date: Sat, 14 Dec 2024 14:02:19 +0100
Subject: [PATCH] =?UTF-8?q?Correction=20:=20clavier=20num=C3=A9rique=20et?=
 =?UTF-8?q?=20r=C3=A9duction=20de=20la=20largeur=20des=20colonnes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/script.js |  3 ++-
 public/style.css | 15 ++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/public/script.js b/public/script.js
index 5a2024b..877763d 100644
--- a/public/script.js
+++ b/public/script.js
@@ -7,7 +7,7 @@ document.addEventListener("DOMContentLoaded", () => {
     const addRowButton = document.getElementById("add-row");
     const saveButton = document.getElementById("save");
 
-    // Mettre à jour la date et l'heure
+    // Mise à jour de la date et l'heure
     const updateDatetime = () => {
         const now = new Date();
         datetimeElement.textContent = now.toLocaleString("fr-FR");
@@ -32,6 +32,7 @@ document.addEventListener("DOMContentLoaded", () => {
         const montantInput = document.createElement("input");
         montantInput.type = "number";
         montantInput.step = "0.01";
+        montantInput.inputMode = "decimal"; // Forcer le clavier numérique
         montantInput.placeholder = "0.00";
         montantCell.appendChild(montantInput);
 
diff --git a/public/style.css b/public/style.css
index f0cbae0..82c0bbf 100644
--- a/public/style.css
+++ b/public/style.css
@@ -72,27 +72,28 @@ body {
 }
 
 #articles-table {
-    width: calc(100% - 20px);
-    max-width: 600px;
+    width: 100%; /* Ajuste la table à 100% de la zone disponible */
     border-collapse: collapse;
     margin: auto;
 }
 
-#articles-table th, #articles-table td {
+#articles-table th,
+#articles-table td {
     border: 1px solid #ddd;
-    padding: 12px;
+    padding: 8px;
     text-align: center;
-    font-size: 16px;
+    font-size: 14px; /* Taille plus petite pour éviter les débordements */
 }
 
 #articles-table th {
-    width: 25%;
+    width: 20%;
 }
 
 #articles-table td input,
 #articles-table td select {
     padding: 5px;
-    font-size: 16px;
+    font-size: 14px; /* Taille réduite */
+    width: 90%;
 }
 
 #articles-table td input[type="radio"] {