Client: beautiful watch page

[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / requests / request-stats / request-stats.component.html

diff --git a/client/src/app/+admin/requests/request-stats/request-stats.component.html b/client/src/app/+admin/requests/request-stats/request-stats.component.html
index f35da6535b10d0049ea2a81e54d6bac2deb86c94..29e7f70520f7442b681fbde4853082cc383d5a2e 100644 (file)
--- a/client/src/app/+admin/requests/request-stats/request-stats.component.html
+++ b/client/src/app/+admin/requests/request-stats/request-stats.component.html
@@ -1,36 +1,41 @@
-<h3>Requests stats</h3>
+<div class="row">
+  <div class="content-padding">
 
-<div *ngFor="let requestSchedulerName of statsTitles | keys" class="col-lg-4 col-md-12">
-  <div class="panel panel-default" *ngIf="stats[requestSchedulerName] !== null">
-    <div class="panel-heading">{{ statsTitles[requestSchedulerName] }}</div>
+    <h3>Requests stats</h3>
 
-    <div class="panel-body">
-      <div class="requests-general">
-        <div>
-          <span class="label-description">Remaining requests:</span>
-          {{ stats[requestSchedulerName].totalRequests }}
-        </div>
+    <div *ngFor="let requestSchedulerName of statsTitles | keys" class="col-lg-4 col-md-12">
+      <div class="panel panel-default" *ngIf="stats[requestSchedulerName] !== null">
+        <div class="panel-heading">{{ statsTitles[requestSchedulerName] }}</div>
 
-        <div>
-          <span class="label-description">Interval seconds between requests:</span>
-          {{ stats[requestSchedulerName].secondsInterval }}
-        </div>
+        <div class="panel-body">
+          <div class="requests-general">
+            <div>
+              <span class="label-description">Remaining requests:</span>
+              {{ stats[requestSchedulerName].totalRequests }}
+            </div>
 
-        <div>
-          <span class="label-description">Remaining time before the scheduled request:</span>
-          {{ stats[requestSchedulerName].remainingSeconds }}
-        </div>
-      </div>
+            <div>
+              <span class="label-description">Interval seconds between requests:</span>
+              {{ stats[requestSchedulerName].secondsInterval }}
+            </div>
 
-      <div class="requests-limit">
-        <div>
-          <span class="label-description">Maximum number of different pods for a scheduled request:</span>
-          {{ stats[requestSchedulerName].requestsLimitPods }}
-        </div>
+            <div>
+              <span class="label-description">Remaining time before the scheduled request:</span>
+              {{ stats[requestSchedulerName].remainingSeconds }}
+            </div>
+          </div>
+
+          <div class="requests-limit">
+            <div>
+              <span class="label-description">Maximum number of different pods for a scheduled request:</span>
+              {{ stats[requestSchedulerName].requestsLimitPods }}
+            </div>
 
-        <div>
-          <span class="label-description">Maximum number of requests per pod for a scheduled request:</span>
-          {{ stats[requestSchedulerName].requestsLimitPerPod }}
+            <div>
+              <span class="label-description">Maximum number of requests per pod for a scheduled request:</span>
+              {{ stats[requestSchedulerName].requestsLimitPerPod }}
+            </div>
+          </div>
         </div>
       </div>
     </div>