From 47d7cd3f9d9598fbcfe372d8111b6cbe7e5d8438 Mon Sep 17 00:00:00 2001
From: Jonathan Rainville <rainville.jonathan@gmail.com>
Date: Wed, 1 Aug 2018 14:46:44 -0400
Subject: [PATCH] add capitalize

---
 embark-ui/src/containers/ProcessesContainer.js    | 14 +++++++++-----
 embark-ui/src/containers/css/processContainer.css |  4 ++++
 2 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 embark-ui/src/containers/css/processContainer.css

diff --git a/embark-ui/src/containers/ProcessesContainer.js b/embark-ui/src/containers/ProcessesContainer.js
index b9aa428b5..b25ee1569 100644
--- a/embark-ui/src/containers/ProcessesContainer.js
+++ b/embark-ui/src/containers/ProcessesContainer.js
@@ -4,6 +4,8 @@ import {fetchProcesses} from '../actions';
 import {Tabs, Tab} from 'tabler-react';
 import PropTypes from 'prop-types';
 
+import "./css/processContainer.css";
+
 class ProcessesContainer extends Component {
   componentDidMount() {
     this.props.fetchProcesses();
@@ -29,11 +31,13 @@ class ProcessesContainer extends Component {
 
     const processNames = Object.keys(processes.data);
     return (
-      <Tabs initialTab={processNames[0]}>
-        {processNames.map(processName => {
-          return (<Tab key={processName} title={processName}>State: {processes.data[processName].state}</Tab>);
-        })}
-      </Tabs>
+      <div className="processes-container">
+        <Tabs initialTab={processNames[0]}>
+          {processNames.map(processName => {
+            return (<Tab key={processName} title={processName}>State: {processes.data[processName].state}</Tab>);
+          })}
+        </Tabs>
+      </div>
     );
   }
 }
diff --git a/embark-ui/src/containers/css/processContainer.css b/embark-ui/src/containers/css/processContainer.css
new file mode 100644
index 000000000..008d9eeb0
--- /dev/null
+++ b/embark-ui/src/containers/css/processContainer.css
@@ -0,0 +1,4 @@
+
+.processes-container .nav-link {
+  text-transform: capitalize;
+}