From 1b15ef7453305ff196a446f37a95bc79a98c6061 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Tue, 12 May 2020 02:54:53 +0300
Subject: [PATCH] SessionSummary update

---
 .../session/components/SessionSummary.js      | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/features/session/components/SessionSummary.js b/src/features/session/components/SessionSummary.js
index 57600b1..44f174f 100644
--- a/src/features/session/components/SessionSummary.js
+++ b/src/features/session/components/SessionSummary.js
@@ -30,11 +30,11 @@ const SessionSummary = ({ session }) => {
   return (
     <>
       <Grid container className={classes.miniContainer}>
-        <Grid item xs={12} sm={3} md={3}>
+        <Grid item xs={12} sm={5} md={5}>
           {"Session: "}
           <span className={classes.value}>{session.sessionId}</span>
         </Grid>
-        <Grid item xs={12} sm={3} md={3}>
+        <Grid item xs={12} sm={2} md={2}>
           {"Active: "}
           {session.active ? (
             <GreenCheckbox checked={true} disabled />
@@ -46,6 +46,21 @@ const SessionSummary = ({ session }) => {
           {"Start date: "}
           <span className={classes.value}>{session.startDate}</span>
         </Grid>
+
+        <Grid item xs={12} sm={3} md={3}>
+          {"Stop date: "}
+          <span className={classes.value}>{session.stopDate || "---"}</span>
+        </Grid>
+
+        <Grid item xs={12} sm={3} md={3}>
+          {"Running time: "}
+          <span className={classes.value}>{session.runningTime}</span>
+        </Grid>
+
+        <Grid item xs={12} sm={3} md={3}>
+          {"Host: "}
+          <span className={classes.value}>{session.hostName}</span>
+        </Grid>
       </Grid>
     </>
   );