From 4272111ce7da4293bff7d11cf08e172651e7b3b1 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 21 Sep 2017 17:34:19 +0200
Subject: Make sidebars collapsible

---
 src/components/sidebars/simulation/TaskComponent.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'src/components/sidebars/simulation/TaskComponent.js')

diff --git a/src/components/sidebars/simulation/TaskComponent.js b/src/components/sidebars/simulation/TaskComponent.js
index c02d0a4b..09608b99 100644
--- a/src/components/sidebars/simulation/TaskComponent.js
+++ b/src/components/sidebars/simulation/TaskComponent.js
@@ -5,7 +5,9 @@ const TaskComponent = ({task, flopsLeft}) => {
     let stateInfo;
 
     if (flopsLeft === task.totalFlopCount) {
-        stateInfo = <p><span className="fa fa-hourglass-half mr-2"/>Waiting</p>;
+        stateInfo = (
+            <p><span className="fa fa-hourglass-half mr-2"/>Waiting</p>
+        );
     } else if (flopsLeft > 0) {
         stateInfo = (
             <p>
@@ -14,14 +16,16 @@ const TaskComponent = ({task, flopsLeft}) => {
             </p>
         );
     } else {
-        stateInfo = <p><span className="fa fa-check mr-2"/>Completed</p>;
+        stateInfo = (
+            <p><span className="fa fa-check mr-2"/>Completed</p>
+        );
     }
 
     return (
         <li className="list-group-item flex-column align-items-start">
             <div className="d-flex w-100 justify-content-between">
                 <h5 className="mb-1">{task.totalFlopCount} FLOPS</h5>
-                <small>Starts: {convertSecondsToFormattedTime(task.startTick)}</small>
+                <small>Starts at {convertSecondsToFormattedTime(task.startTick)}</small>
             </div>
             {stateInfo}
         </li>
-- 
cgit v1.2.3