Update layout of seasonal rules in configuration page for improved responsiveness

This commit is contained in:
CodeDevMLH
2026-02-16 18:14:45 +01:00
parent b5d5e5706e
commit dd90a4630a

View File

@@ -613,7 +613,8 @@
} }
.seasonal-rule-content { .seasonal-rule-content {
display: grid; display: grid;
grid-template-columns: 2fr 1fr 1fr 2fr; /* grid-template-columns: 2fr 1fr 1fr 2fr; */
grid-template-columns: 2fr 1.2fr 1.2fr 1.6fr;
gap: 15px; gap: 15px;
align-items: end; align-items: end;
} }
@@ -735,6 +736,7 @@
// Set values programmatically to ensure they are correctly populated // Set values programmatically to ensure they are correctly populated
div.querySelector('.rule-name').value = name; div.querySelector('.rule-name').value = name;
div.querySelector('.rule-title').innerText = name;
div.querySelector('.rule-start-day').value = startDay; div.querySelector('.rule-start-day').value = startDay;
div.querySelector('.rule-start-month').value = startMonth; div.querySelector('.rule-start-month').value = startMonth;
div.querySelector('.rule-end-day').value = endDay; div.querySelector('.rule-end-day').value = endDay;