Improve style of the torrent informations

diff --git a/client/angular/app/app.component.scss b/client/angular/app/app.component.scss
index 6e36c73e3169e36c6b082477c89c426bf59b065b..35f0e079bc7cf7bec93c075f941122835f8607b3 100644 (file)
--- a/client/angular/app/app.component.scss
+++ b/client/angular/app/app.component.scss
@@ -5,8 +5,7 @@ header div {
 }
 
 menu {
-  min-height: 300px;
-  height: 100%;
+  min-height: 600px;
   margin-right: 20px;
   border-right: 1px solid rgba(0, 0, 0, 0.2);
 

diff --git a/client/angular/videos/components/watch/videos-watch.component.html b/client/angular/videos/components/watch/videos-watch.component.html
index f2a50eccd2c3f306b1df2419a71df3ced6501d37..9e8f50908d97a374d49626a404378b50feae0b3f 100644 (file)
--- a/client/angular/videos/components/watch/videos-watch.component.html
+++ b/client/angular/videos/components/watch/videos-watch.component.html
@@ -7,7 +7,7 @@
 </div>
 
 <div id="torrent-info">
-  <div>Download: {{ downloadSpeed | bytes }}/s</div>
-  <div>Upload: {{ uploadSpeed | bytes }}/s</div>
-  <div>Number of peers: {{ numPeers }}</div>
+  <div id="torrent-info-download">Download: {{ downloadSpeed | bytes }}/s</div>
+  <div id="torrent-info-upload">Upload: {{ uploadSpeed | bytes }}/s</div>
+  <div id="torrent-info-peers">Number of peers: {{ numPeers }}</div>
 <div>

diff --git a/client/angular/videos/components/watch/videos-watch.component.scss b/client/angular/videos/components/watch/videos-watch.component.scss
index b6c2fc05036c57b7caa577fb1a0b08c2ff9a1aea..62ae8a1267ba335124eb160742f8d93931f79881 100644 (file)
--- a/client/angular/videos/components/watch/videos-watch.component.scss
+++ b/client/angular/videos/components/watch/videos-watch.component.scss
@@ -1,5 +1,5 @@
 .embed-responsive {
-  height: 100%;
+  height: 500px;
 }
 
 #video-loading {
@@ -28,3 +28,13 @@
     from { -moz-transform: rotate(0deg);}
     to { -moz-transform: rotate(360deg);}
 }
+
+#torrent-info {
+  font-size: 10px;
+
+  div {
+    display: inline-block;
+    width: 33%;
+    text-align: center;
+  }
+}