diff --git a/client/src/app/shared/shared-custom-markup/custom-markup.service.ts b/client/src/app/shared/shared-custom-markup/custom-markup.service.ts index 63f2f76f5..ab640d348 100644 --- a/client/src/app/shared/shared-custom-markup/custom-markup.service.ts +++ b/client/src/app/shared/shared-custom-markup/custom-markup.service.ts @@ -217,6 +217,8 @@ export class CustomMarkupService { root.classList.add('peertube-container', layoutClass) + root.style.justifyContent = data.justifyContent || 'space-between' + if (data.width) { root.setAttribute('width', data.width) } diff --git a/shared/models/custom-markup/custom-markup-data.model.ts b/shared/models/custom-markup/custom-markup-data.model.ts index 667eaad9c..3e396052a 100644 --- a/shared/models/custom-markup/custom-markup-data.model.ts +++ b/shared/models/custom-markup/custom-markup-data.model.ts @@ -53,4 +53,6 @@ export type ContainerMarkupData = { title?: string description?: string layout?: 'row' | 'column' + + justifyContent?: 'space-between' | 'normal' // default to 'space-between' }