From a5bc25e5af79cf0bc7e0034b0a7c04d368a841bd Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 21 Sep 2017 22:51:38 +0200
Subject: Improve time point formatting

---
 .../sidebars/elements/LoadBarComponent.js          | 23 ++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

(limited to 'src/components/sidebars/elements/LoadBarComponent.js')

diff --git a/src/components/sidebars/elements/LoadBarComponent.js b/src/components/sidebars/elements/LoadBarComponent.js
index 5a39b188..0616d699 100644
--- a/src/components/sidebars/elements/LoadBarComponent.js
+++ b/src/components/sidebars/elements/LoadBarComponent.js
@@ -2,16 +2,19 @@ import classNames from "classnames";
 import React from "react";
 
 const LoadBarComponent = ({percent, disabled}) => (
-    <div className={classNames("progress", {disabled})}>
-        <div
-            className="progress-bar progress-bar-striped"
-            role="progressbar"
-            aria-valuenow={percent}
-            aria-valuemin="0"
-            aria-valuemax="100"
-            style={{width: percent + "%"}}
-        >
-            {percent}%
+    <div className="mt-1">
+        <strong>Current load</strong>
+        <div className={classNames("progress", {disabled})}>
+            <div
+                className="progress-bar progress-bar-striped"
+                role="progressbar"
+                aria-valuenow={percent}
+                aria-valuemin="0"
+                aria-valuemax="100"
+                style={{width: percent + "%"}}
+            >
+                {percent}%
+            </div>
         </div>
     </div>
 );
-- 
cgit v1.2.3