diff --git a/assets/styles/configuration.scss b/assets/styles/configuration.scss index 4b64052c..c310ca63 100644 --- a/assets/styles/configuration.scss +++ b/assets/styles/configuration.scss @@ -256,6 +256,9 @@ livechat-dynamic-table-form { // We need this variable to be known at that time $bs-green: #39cc0b; + display: block; + margin-bottom: 3rem; + table { table-layout: fixed; text-align: center; @@ -291,6 +294,10 @@ livechat-dynamic-table-form { } } + .dynamic-table-add-row-cell { + text-align: left; + } + .dynamic-table-add-row { background-color: var(--bs-green); diff --git a/client/common/lib/elements/dynamic-table-form.ts b/client/common/lib/elements/dynamic-table-form.ts index bb51c906..26a2ba22 100644 --- a/client/common/lib/elements/dynamic-table-form.ts +++ b/client/common/lib/elements/dynamic-table-form.ts @@ -283,10 +283,10 @@ export class DynamicTableFormElement extends LivechatElement { if (this.maxLines && this._rowsById.length >= this.maxLines) { return html`` } + // Note: the addRow button is in first column, so it won't be hidden if screen not wide enough. return html` - ${Object.values(this.header).map(() => html``)} - +