Add margin for http fallback display

diff --git a/client/src/assets/player/webtorrent-info-button.ts b/client/src/assets/player/webtorrent-info-button.ts
index 10945c66557835e5f00211093a9e52bef1224337..1296aca3b32691bf30a7035c713b500f2c663f49 100644 (file)
--- a/client/src/assets/player/webtorrent-info-button.ts
+++ b/client/src/assets/player/webtorrent-info-button.ts
@@ -57,7 +57,7 @@ class WebtorrentInfoButton extends Button {
       className: 'vjs-peertube-hidden'
     })
     const subDivHttpText = videojsUntyped.dom.createEl('span', {
-      className: 'peers-number',
+      className: 'http-fallback',
       textContent: 'HTTP'
     })
 

diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index df71055adcdf94727f342abe589c21895beab6fe..185b002223cdf395675cb670e7430db373bcf60a 100644 (file)
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -258,11 +258,11 @@
         display: none;
       }
 
-      .download-speed-number, .upload-speed-number, .peers-number {
+      .download-speed-number, .upload-speed-number, .peers-number, .http-fallback {
         font-weight: $font-semibold;
       }
 
-      .download-speed-text, .upload-speed-text, .peers-text {
+      .download-speed-text, .upload-speed-text, .peers-text, .http-fallback {
         margin-right: 15px;
       }