Fix peertube container in markdown preview

2 files changed, 22 insertions, 0 deletions

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 6b32d4cd6..15ca09ec4 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -11,6 +11,8 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
 
 @use './classes';
 
+@use './custom-markup';
+
 [hidden] {
   display: none !important;
 }
diff --git a/client/src/sass/custom-markup.scss b/client/src/sass/custom-markup.scss
new file mode 100644
index 000000000..d1729dbda
--- /dev/null
+++ b/client/src/sass/custom-markup.scss
@@ -0,0 +1,20 @@
+peertube-container {
+  > .layout-row {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+
+  > .layout-column {
+    display: flex;
+    flex-direction: column;
+  }
+
+  > .header {
+    margin: 30px 0 15px;
+
+    > h4 {
+      margin-bottom: 0;
+    }
+  }
+}