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 | 28 |
1 files changed, 26 insertions, 2 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 fac4bdbe5..eb63cbde7 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss | |||
@@ -81,6 +81,7 @@ | |||
81 | flex-grow: 1; | 81 | flex-grow: 1; |
82 | // Set min width for flex item | 82 | // Set min width for flex item |
83 | min-width: 1px; | 83 | min-width: 1px; |
84 | max-width: 100%; | ||
84 | 85 | ||
85 | .video-info-first-row { | 86 | .video-info-first-row { |
86 | display: flex; | 87 | display: flex; |
@@ -472,6 +473,7 @@ my-video-comments { | |||
472 | margin: 20px 0 0 0; | 473 | margin: 20px 0 0 0; |
473 | 474 | ||
474 | .video-info { | 475 | .video-info { |
476 | padding: 0; | ||
475 | 477 | ||
476 | .video-info-first-row { | 478 | .video-info-first-row { |
477 | 479 | ||
@@ -484,6 +486,8 @@ my-video-comments { | |||
484 | } | 486 | } |
485 | 487 | ||
486 | /deep/ .other-videos { | 488 | /deep/ .other-videos { |
489 | padding-left: 0 !important; | ||
490 | |||
487 | /deep/ .video-miniature { | 491 | /deep/ .video-miniature { |
488 | flex-direction: column; | 492 | flex-direction: column; |
489 | } | 493 | } |
@@ -499,7 +503,27 @@ my-video-comments { | |||
499 | } | 503 | } |
500 | 504 | ||
501 | @media screen and (max-width: 450px) { | 505 | @media screen and (max-width: 450px) { |
502 | .video-bottom .action-button .icon-text { | 506 | .video-bottom { |
503 | display: none !important; | 507 | .action-button .icon-text { |
508 | display: none !important; | ||
509 | } | ||
510 | |||
511 | .video-info .video-info-first-row { | ||
512 | .video-info-name { | ||
513 | font-size: 18px; | ||
514 | } | ||
515 | |||
516 | .video-info-date-views { | ||
517 | font-size: 14px; | ||
518 | } | ||
519 | |||
520 | .video-actions-rates { | ||
521 | margin-top: 10px; | ||
522 | } | ||
523 | } | ||
524 | |||
525 | .video-info-description { | ||
526 | font-size: 14px !important; | ||
527 | } | ||
504 | } | 528 | } |
505 | } | 529 | } |