Added styling to date status

ubclaunchpad · Jul 8, 2018 · 9027bae · 9027bae
1 parent 93d1f23
commit 9027bae
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/daemon/web/pages/containers/Containers.js b/daemon/web/pages/containers/Containers.js
@@ -4,6 +4,7 @@ import { connect } from 'react-redux';
 import TerminalView from '../../components/TerminalView/TerminalView';
 import IconHeader from '../../components/IconHeader/IconHeader';
 import Status from '../../components/Status/ActiveStatus';
+import '../../pages/containers/index.sass';
 
 const mocklogs = [
   'log1asdasdasdasdasdasdasdssdasdasdssdasdasdssdasdasdssdasdasdsa',
@@ -27,7 +28,8 @@ class ContainersWrapper extends React.Component {
         <IconHeader type="containers" title="/inertia-deploy-test_dev_1" />
         <div className="containerInfo" >
           <Status title="Status:" status="Active" />
-          <h3>Last Updated: {this.props.dateUpdated}</h3>
+          <h3>Last Updated:</h3>
+          <h4>{this.props.dateUpdated}</h4>
         </div>
         <TerminalView logs={mocklogs} />
       </div>

diff --git a/daemon/web/pages/containers/index.sass b/daemon/web/pages/containers/index.sass
@@ -1,4 +1,9 @@
 @import '../../styles/index'
 
+.containerInfo h3
+  display: inline-block
+  margin-left: 40px
 
-
+.containerInfo h4
+  display: inline-block
+  margin-left: 10px
diff --git a/daemon/web/pages/main/Main.js b/daemon/web/pages/main/Main.js
@@ -258,7 +258,7 @@ class MainWrapper extends React.Component {
               <Route
                 exact
                 path={`${this.props.match.url}/containers`}
-                component={() => <Containers dateUpdated="the date" />}
+                component={() => <Containers dateUpdated="2018-01-01 00:00" />}
               />
             </Switch>
           </div>