diff options
Diffstat (limited to 'client/src/app/videos/video-watch')
-rw-r--r-- | client/src/app/videos/video-watch/video-watch.component.html | 2 | ||||
-rw-r--r-- | client/src/app/videos/video-watch/video-watch.component.scss | 10 |
2 files changed, 6 insertions, 6 deletions
diff --git a/client/src/app/videos/video-watch/video-watch.component.html b/client/src/app/videos/video-watch/video-watch.component.html index 13f6719bb..62f27ba48 100644 --- a/client/src/app/videos/video-watch/video-watch.component.html +++ b/client/src/app/videos/video-watch/video-watch.component.html | |||
@@ -22,12 +22,14 @@ | |||
22 | <div *ngIf="videoNotFound" id="video-not-found">Video not found :'(</div> | 22 | <div *ngIf="videoNotFound" id="video-not-found">Video not found :'(</div> |
23 | </div> | 23 | </div> |
24 | 24 | ||
25 | <!-- P2P informations --> | ||
25 | <div id="torrent-info" class="row"> | 26 | <div id="torrent-info" class="row"> |
26 | <div id="torrent-info-download" class="col-md-4 col-sm-4 col-xs-4">Download: {{ downloadSpeed | bytes }}/s</div> | 27 | <div id="torrent-info-download" class="col-md-4 col-sm-4 col-xs-4">Download: {{ downloadSpeed | bytes }}/s</div> |
27 | <div id="torrent-info-upload" class="col-md-4 col-sm-4 col-xs-4">Upload: {{ uploadSpeed | bytes }}/s</div> | 28 | <div id="torrent-info-upload" class="col-md-4 col-sm-4 col-xs-4">Upload: {{ uploadSpeed | bytes }}/s</div> |
28 | <div id="torrent-info-peers" class="col-md-4 col-sm-4 col-xs-4">Number of peers: {{ numPeers }}</div> | 29 | <div id="torrent-info-peers" class="col-md-4 col-sm-4 col-xs-4">Number of peers: {{ numPeers }}</div> |
29 | </div> | 30 | </div> |
30 | 31 | ||
32 | <!-- Video informations --> | ||
31 | <div *ngIf="video !== null" id="video-info"> | 33 | <div *ngIf="video !== null" id="video-info"> |
32 | <div class="row video-name-views"> | 34 | <div class="row video-name-views"> |
33 | <div class="col-xs-8 col-md-8 video-name"> | 35 | <div class="col-xs-8 col-md-8 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 767a3ed4e..789260a91 100644 --- a/client/src/app/videos/video-watch/video-watch.component.scss +++ b/client/src/app/videos/video-watch/video-watch.component.scss | |||
@@ -13,6 +13,10 @@ | |||
13 | 13 | ||
14 | .embed-responsive { | 14 | .embed-responsive { |
15 | height: 500px; | 15 | height: 500px; |
16 | |||
17 | @media screen and (max-width: 600px) { | ||
18 | height: 300px; | ||
19 | } | ||
16 | } | 20 | } |
17 | 21 | ||
18 | #torrent-info { | 22 | #torrent-info { |
@@ -25,12 +29,6 @@ | |||
25 | } | 29 | } |
26 | } | 30 | } |
27 | 31 | ||
28 | .embed-responsive { | ||
29 | @media screen and (max-width: 600px) { | ||
30 | height: 300px; | ||
31 | } | ||
32 | } | ||
33 | |||
34 | #video-info { | 32 | #video-info { |
35 | .video-name-views { | 33 | .video-name-views { |
36 | font-weight: bold; | 34 | font-weight: bold; |