diff --git a/src/editors/object.js b/src/editors/object.js index 99cdc42b2..4ab98c376 100644 --- a/src/editors/object.js +++ b/src/editors/object.js @@ -547,7 +547,6 @@ export class ObjectEditor extends AbstractEditor { this.header.textContent = this.getTitle() } this.title = this.theme.getHeader(this.header) - this.title.style.display = 'inline-block' this.controls = this.theme.getButtonHolder() this.controls.style.margin = '0 0 0 10px' diff --git a/src/theme.js b/src/theme.js index 39334445e..9ab0ab1e9 100644 --- a/src/theme.js +++ b/src/theme.js @@ -127,6 +127,8 @@ export class AbstractTheme { el.appendChild(text) } + el.style.display = 'inline-block' + return el } diff --git a/src/themes/bootstrap4.js b/src/themes/bootstrap4.js index 1189276b9..659678c9a 100644 --- a/src/themes/bootstrap4.js +++ b/src/themes/bootstrap4.js @@ -126,6 +126,10 @@ export class bootstrap4Theme extends AbstractTheme { } } + const unique = label.innerText + label.setAttribute('for', unique) + input.setAttribute('id', unique) + check.appendChild(input) check.appendChild(label) if (infoText) check.appendChild(infoText) @@ -328,6 +332,8 @@ export class bootstrap4Theme extends AbstractTheme { el.appendChild(text) } + el.style.display = 'inline-block' + /* cardHeader.appendChild(el) */ return el diff --git a/src/themes/spectre.js b/src/themes/spectre.js index 98923a85a..9147cf555 100644 --- a/src/themes/spectre.js +++ b/src/themes/spectre.js @@ -106,6 +106,8 @@ export class spectreTheme extends AbstractTheme { el.appendChild(text) } + el.style.display = 'inline-block' + return el }