Fix break-word and add margin between content and other videos.

3 files changed, 14 insertions, 1 deletions

diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss
index f0888ad9f..ece090828 100644
--- a/client/src/app/shared/video/video-miniature.component.scss
+++ b/client/src/app/shared/video/video-miniature.component.scss
@@ -39,6 +39,10 @@
     }
 
     .video-miniature-account {
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
       font-size: 13px;
       color: #585858;
     }
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 bf8b154a2..627171ef1 100644
--- 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,3 +18,8 @@
   display: inline-block;
   font-size: 13px;
 }
+.comment-html {
+  word-wrap: normal;
+  word-break: normal;
+  text-align: justify;
+}
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 9fd89508a..d764dcebd 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -203,7 +203,9 @@
       font-size: 15px;
 
       .video-info-description-html {
-        word-break: break-all;
+        word-break: normal;
+                word-wrap: normal;
+                text-align: justify;
       }
 
       .description-loading {
@@ -238,6 +240,8 @@
   }
 
   .other-videos {
+        padding-left: 1em;
+
     .title-page {
       margin-top: 0;
     }