From d5691af611e0c07ec36c38a2ec50c4e1ea4d6f29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Metrich?= <frederic.metrich@live.fr>
Date: Thu, 2 Jul 2026 22:09:06 +0200
Subject: [PATCH] Make timing input fields responsive at 50% width

Replaced fixed max-width:127px on Up/Down Time and 50% mid-time fields
with calc(50% - 10px) / 50% so each pair fills the container width.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 data/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/data/index.html b/data/index.html
index 501a0f7..57c86ed 100644
--- a/data/index.html
+++ b/data/index.html
@@ -662,26 +662,26 @@
                             </div>
                             <div id="divLiftSettings" style="margin-top:-10px;">
                                 <div class="field-group"
-                                    style="display:inline-block;max-width:127px;margin-right:17px;margin-top:-10px;">
+                                    style="display:inline-block;width:calc(50% - 10px);margin-right:10px;margin-top:-10px;">
                                     <input id="fldShadeUpTime" name="shadeUpTime" data-bind="upTime" data-datatype="int"
                                         type="number" length=5 placeholder="milliseconds"
                                         style="width:100%;text-align:right;" />
                                     <label for="fldShadeUpTime">Up Time (ms)</label>
                                 </div>
-                                <div class="field-group" style="display:inline-block;max-width:127px;">
+                                <div class="field-group" style="display:inline-block;width:50%;">
                                     <input id="fldShadeDownTime" name="shadeDownTime" type="number" data-bind="downTime"
                                         data-datatype="int" length=5 placeholder="milliseconds"
                                         style="width:100%;text-align:right;" />
                                     <label for="fldShadeDownTime">Down Time (ms)</label>
                                 </div>
                                 <div class="field-group"
-                                    style="display:inline-block;max-width:127px;margin-right:17px;margin-top:-10px;">
+                                    style="display:inline-block;width:calc(50% - 10px);margin-right:10px;margin-top:-10px;">
                                     <input id="fldShadeUpMidTime" name="shadeUpMidTime" data-bind="upMidTime"
                                         data-datatype="int" type="number" length=5 placeholder="optional"
                                         style="width:100%;text-align:right;" />
                                     <label for="fldShadeUpMidTime">50% Up Time (ms)</label>
                                 </div>
-                                <div class="field-group" style="display:inline-block;max-width:127px;">
+                                <div class="field-group" style="display:inline-block;width:50%;">
                                     <input id="fldShadeDownMidTime" name="shadeDownMidTime" type="number"
                                         data-bind="downMidTime" data-datatype="int" length=5 placeholder="optional"
                                         style="width:100%;text-align:right;" />