Fix video description CSS

diff --git a/client/src/app/videos/+video-watch/comment/video-comments.component.scss b/client/src/app/videos/+video-watch/comment/video-comments.component.scss
index 627171ef12e123eaba378ba59a0499a60a94d592..7aadc28662b0b51504c17a9d13d3017f1a899365 100644 (file)
--- a/client/src/app/videos/+video-watch/comment/video-comments.component.scss
+++ b/client/src/app/videos/+video-watch/comment/video-comments.component.scss
@@ -18,6 +18,7 @@
   display: inline-block;
   font-size: 13px;
 }
+
 .comment-html {
   word-wrap: normal;
   word-break: normal;

diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index d764dcebd7afc3966c3820cc960517afd2cedeb9..e6684e909115021208f33ededc43e84728257bc4 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -38,7 +38,9 @@
 
   .video-info {
     flex-grow: 1;
-    margin-right: 28px;
+    margin-right: 40px;
+    // Set min width for flex item
+    min-width: 1px;
 
     .video-info-first-row {
       display: flex;
@@ -203,9 +205,8 @@
       font-size: 15px;
 
       .video-info-description-html {
-        word-break: normal;
-               word-wrap: normal;
-               text-align: justify;
+        word-wrap: break-word;
+        text-align: justify;
       }
 
       .description-loading {
@@ -240,8 +241,6 @@
   }
 
   .other-videos {
-       padding-left: 1em;
-
     .title-page {
       margin-top: 0;
     }