Custom markup container default to space between

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 63f2f76f56fad2881bac82918d6181418c941a47..ab640d3482ff122ad5f1c0c5354acc95971429ff 100644 (file)
--- 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 667eaad9c0c3cb30178a6087db0968905f556100..3e396052a68e7f66fc27dcb5461b6f5f21c0e89e 100644 (file)
--- 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'
 }