Also tidy up timers

10.8-maintenance
Ben Lumley 2022-05-11 10:45:31 +01:00
parent 282df2c7ff
commit 7d44593165
2 changed files with 15 additions and 4 deletions

View File

@ -524,9 +524,20 @@ button {
display: inline !important;
}
.timers-container .timer-detail {
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.timers-container label {
margin-left: 15px !important;
margin-right: 5px !important;
display: inline-block;
width: 80px;
}
.timers-container input, .timers-container select {
width: 150px;
}
@media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) {

View File

@ -2636,7 +2636,7 @@ TABS.osd.initialize = function(callback) {
timerTableRow.append(`<td>${tim.index + 1}</td>`);
// Source
const sourceTimerTableData = $('<td class="osd_tip"></td>');
const sourceTimerTableData = $('<td class="timer-detail osd_tip"></td>');
sourceTimerTableData.attr('title', i18n.getMessage('osdTimerSourceTooltip'));
sourceTimerTableData.append(`<label for="timerSource_${tim.index}" class="char-label">${i18n.getMessage('osdTimerSource')}</label>`);
const src = $(`<select class="timer-option" id="timerSource_${tim.index}"></select>`);
@ -2659,7 +2659,7 @@ TABS.osd.initialize = function(callback) {
// Precision
timerTableRow = $('<tr />');
timerTable.append(timerTableRow);
const precisionTimerTableData = $('<td class="osd_tip"></td>');
const precisionTimerTableData = $('<td class="timer-detail osd_tip"></td>');
precisionTimerTableData.attr('title', i18n.getMessage('osdTimerPrecisionTooltip'));
precisionTimerTableData.append(`<label for="timerPrec_${tim.index}" class="char-label">${i18n.getMessage('osdTimerPrecision')}</label>`);
const precision = $(`<select class="timer-option osd_tip" id="timerPrec_${tim.index}"></select>`);
@ -2683,7 +2683,7 @@ TABS.osd.initialize = function(callback) {
// Alarm
timerTableRow = $('<tr />');
timerTable.append(timerTableRow);
const alarmTimerTableData = $('<td class="osd_tip"></td>');
const alarmTimerTableData = $('<td class="timer-detail osd_tip"></td>');
alarmTimerTableData.attr('title', i18n.getMessage('osdTimerAlarmTooltip'));
alarmTimerTableData.append(`<label for="timerAlarm_${tim.index}" class="char-label">${i18n.getMessage('osdTimerAlarm')}</label>`);
const alarm = $(`<input class="timer-option osd_tip" name="alarm" type="number" min=0 id="timerAlarm_${tim.index}"/>`);