diff options
Diffstat (limited to 'client/src/app/videos/+video-watch/video-watch.component.scss')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.scss | 16 |
1 files changed, 13 insertions, 3 deletions
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 @@ | |||
51 | 51 | ||
52 | .video-info-actions { | 52 | .video-info-actions { |
53 | min-width: 215px; | 53 | min-width: 215px; |
54 | display: flex; | ||
55 | justify-content: end; | ||
56 | |||
57 | .action-button:not(:first-child), .action-more { | ||
58 | margin-left: 10px; | ||
59 | } | ||
54 | 60 | ||
55 | .action-button { | 61 | .action-button { |
56 | @include peertube-button; | 62 | @include peertube-button; |
@@ -85,12 +91,16 @@ | |||
85 | } | 91 | } |
86 | } | 92 | } |
87 | 93 | ||
88 | &.activated { | 94 | &.action-button-like.activated { |
89 | @include orange-button; | 95 | background-color: #39CC0B; |
90 | 96 | ||
91 | .icon-like { | 97 | .icon-like { |
92 | background-image: url('../../../assets/images/video/like-white.svg'); | 98 | background-image: url('../../../assets/images/video/like-white.svg'); |
93 | } | 99 | } |
100 | } | ||
101 | |||
102 | &.action-button-dislike.activated { | ||
103 | background-color: #FF0000; | ||
94 | 104 | ||
95 | .icon-dislike { | 105 | .icon-dislike { |
96 | background-image: url('../../../assets/images/video/dislike-white.svg'); | 106 | background-image: url('../../../assets/images/video/dislike-white.svg'); |
@@ -222,7 +232,7 @@ | |||
222 | } | 232 | } |
223 | 233 | ||
224 | 234 | ||
225 | @media screen and (max-width: 1200px) { | 235 | @media screen and (max-width: 1300px) { |
226 | .other-videos { | 236 | .other-videos { |
227 | display: none; | 237 | display: none; |
228 | } | 238 | } |