diff --git a/tabs/osd.js b/tabs/osd.js
index ff3c722e..412799f0 100755
--- a/tabs/osd.js
+++ b/tabs/osd.js
@@ -1159,14 +1159,18 @@ TABS.osd.initialize = function (callback) {
var $timers = $('#timer-fields').empty();
for (let tim of OSD.data.timers) {
var $timerConfig = $('
');
+ var timerTable = $('');
+ $timerConfig.append(timerTable);
+ var timerTableRow = $(' ');
+ timerTable.append(timerTableRow);
// Timer number
- $timerConfig.append('' + (tim.index + 1) + ' ');
+ timerTableRow.append('' + (tim.index + 1) + ' ');
// Source
- var sourceSpan = $(' ');
- sourceSpan.attr('title', chrome.i18n.getMessage('osdTimerSourceTooltip'));
- sourceSpan.append('' + chrome.i18n.getMessage('osdTimerSource') + ' ');
+ var sourceTimerTableData = $(' ');
+ sourceTimerTableData.attr('title', chrome.i18n.getMessage('osdTimerSourceTooltip'));
+ sourceTimerTableData.append('' + chrome.i18n.getMessage('osdTimerSource') + ' ');
var src = $(' ');
OSD.constants.TIMER_TYPES.forEach(function(e, i) {
src.append('' + e + ' ');
@@ -1180,13 +1184,15 @@ TABS.osd.initialize = function (callback) {
updateOsdView();
});
});
- sourceSpan.append(src);
- $timerConfig.append(sourceSpan);
+ sourceTimerTableData.append(src);
+ timerTableRow.append(sourceTimerTableData);
// Precision
- var precisionSpan = $(' ');
- precisionSpan.attr('title', chrome.i18n.getMessage('osdTimerPrecisionTooltip'));
- precisionSpan.append('' + chrome.i18n.getMessage('osdTimerPrecision') + ' ');
+ timerTableRow = $(' ');
+ timerTable.append(timerTableRow);
+ var precisionTimerTableData = $(' ');
+ precisionTimerTableData.attr('title', chrome.i18n.getMessage('osdTimerPrecisionTooltip'));
+ precisionTimerTableData.append('' + chrome.i18n.getMessage('osdTimerPrecision') + ' ');
var precision = $(' ');
OSD.constants.TIMER_PRECISION.forEach(function(e, i) {
precision.append('' + e + ' ');
@@ -1200,13 +1206,16 @@ TABS.osd.initialize = function (callback) {
updateOsdView();
});
});
- precisionSpan.append(precision);
- $timerConfig.append(precisionSpan);
+ precisionTimerTableData.append(precision);
+ timerTableRow.append(' ');
+ timerTableRow.append(precisionTimerTableData);
// Alarm
- var alarmSpan = $(' ');
- alarmSpan.attr('title', chrome.i18n.getMessage('osdTimerAlarmTooltip'));
- alarmSpan.append('' + chrome.i18n.getMessage('osdTimerAlarm') + ' ');
+ timerTableRow = $(' ');
+ timerTable.append(timerTableRow);
+ var alarmTimerTableData = $(' ');
+ alarmTimerTableData.attr('title', chrome.i18n.getMessage('osdTimerAlarmTooltip'));
+ alarmTimerTableData.append('' + chrome.i18n.getMessage('osdTimerAlarm') + ' ');
var alarm = $(' ');
alarm[0].value = tim.alarm;
alarm.blur(function(e) {
@@ -1217,8 +1226,9 @@ TABS.osd.initialize = function (callback) {
updateOsdView();
});
});
- alarmSpan.append(alarm);
- $timerConfig.append(alarmSpan);
+ alarmTimerTableData.append(alarm);
+ timerTableRow.append(' ');
+ timerTableRow.append(alarmTimerTableData);
$timers.append($timerConfig);
}