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"] {