aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos/+video-watch/video-watch.component.scss
diff options
context:
space:
mode:
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.scss19
1 files changed, 7 insertions, 12 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 9bd510c9f..afd846af3 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -76,12 +76,9 @@
76 76
77.video-bottom { 77.video-bottom {
78 margin-top: 40px; 78 margin-top: 40px;
79 display: flex;
80 flex-grow: 1;
81 79
82 .video-info { 80 .video-info {
83 flex-grow: 1; 81 flex-grow: 1;
84 margin-right: 40px;
85 // Set min width for flex item 82 // Set min width for flex item
86 min-width: 1px; 83 min-width: 1px;
87 84
@@ -284,10 +281,13 @@
284 } 281 }
285 282
286 .video-info-likes-dislikes-bar { 283 .video-info-likes-dislikes-bar {
287 height: 5px; 284 $likes-bar-height: 2px;
285 height: $likes-bar-height;
286 margin-top: -$likes-bar-height;
288 width: 186px; 287 width: 186px;
289 background-color: #E5E5E5; 288 background-color: #E5E5E5;
290 margin-top: 25px; 289 position: relative;
290 top: 10px;
291 291
292 .likes-bar { 292 .likes-bar {
293 height: 100%; 293 height: 100%;
@@ -439,19 +439,14 @@
439@media screen and (max-width: 1600px) { 439@media screen and (max-width: 1600px) {
440 .video-bottom { 440 .video-bottom {
441 .video-info { 441 .video-info {
442 margin-right: 20px;
443
444 .video-info-first-row { 442 .video-info-first-row {
445 flex-direction: column; 443 flex-direction: column;
446 margin-bottom: 30px; 444 margin-bottom: 20px;
447 445
448 .video-actions-rates { 446 .video-actions-rates {
449 margin-top: 20px; 447 margin-top: 20px;
448 margin-bottom: 10px;
450 align-items: start; 449 align-items: start;
451
452 .video-info-likes-dislikes-bar {
453 margin-top: 10px;
454 }
455 } 450 }
456 } 451 }
457 452