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 | 19 |
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 | ||