diff --git a/client/src/app/account/account-videos/account-videos.component.html b/client/src/app/account/account-videos/account-videos.component.html index f73483039..0755158b9 100644 --- a/client/src/app/account/account-videos/account-videos.component.html +++ b/client/src/app/account/account-videos/account-videos.component.html @@ -1,3 +1,5 @@ +
No results.
+
+
No results.
+
{{ video.name }}
-
- +
+
-
- +
+
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 205a4333c..02b44bda1 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss @@ -51,6 +51,12 @@ .video-info-actions { min-width: 215px; + display: flex; + justify-content: end; + + .action-button:not(:first-child), .action-more { + margin-left: 10px; + } .action-button { @include peertube-button; @@ -85,12 +91,16 @@ } } - &.activated { - @include orange-button; + &.action-button-like.activated { + background-color: #39CC0B; .icon-like { background-image: url('../../../assets/images/video/like-white.svg'); } + } + + &.action-button-dislike.activated { + background-color: #FF0000; .icon-dislike { background-image: url('../../../assets/images/video/dislike-white.svg'); @@ -222,7 +232,7 @@ } -@media screen and (max-width: 1200px) { +@media screen and (max-width: 1300px) { .other-videos { display: none; }