diff --git a/assets/styles/configuration.scss b/assets/styles/configuration.scss index f73e8ca8..42158745 100644 --- a/assets/styles/configuration.scss +++ b/assets/styles/configuration.scss @@ -22,6 +22,19 @@ $grey-background-color: var(--greyBackgroundColor); $sub-menu-margin-bottom: 30px; $small-view: 800px; +livechat-help-button { + a { + height: 18px !important; + margin: 2px !important; + padding: 1px !important; + } + + svg { + display: block; + height: auto; + } +} + /* These are styles to apply for the channel configuration pages. */ @@ -232,6 +245,7 @@ $small-view: 800px; } .peertube-plugin-livechat-configuration-actions { + margin-bottom: 1rem; text-align: right; } } @@ -275,10 +289,6 @@ livechat-dynamic-table-form { } } - button { - padding: 2px !important; - } - .dynamic-table-add-row { background-color: var(--bs-green); @@ -462,3 +472,7 @@ livechat-image-file-input { max-height: 3em !important; // and no max-width } } + +livechat-configuration-row { + margin-top: 3rem; +} diff --git a/client/common/configuration/elements/channel-configuration.ts b/client/common/configuration/elements/channel-configuration.ts index 2dfe5426..3d669cb2 100644 --- a/client/common/configuration/elements/channel-configuration.ts +++ b/client/common/configuration/elements/channel-configuration.ts @@ -251,178 +251,151 @@ export class ChannelConfigurationElement extends LivechatElement {