Merge branch 'staging' of https://github.com/oslabs-beta/ReacType into staging

Author: sean1292

package.json

@@ -135,6 +135,7 @@
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
     "clean-webpack-plugin": "^0.1.19",
+    "concurrently": "^5.1.0",
     "copy-webpack-plugin": "^4.5.2",
     "cross-env": "^5.2.0",
     "css-loader": "^0.28.11",

src/components/App.tsx

@@ -3,7 +3,7 @@ import '../public/styles/style.css';
 import AppContainer from '../containers/AppContainer';
 
 export const App: React.SFC = () => (
-  <div className="app">
+  <div className='app'>
     <div>
       <header style={{ height: '40px', width: '100%' }}>ReacType</header>
       <AppContainer />

src/components/LeftColExpansionPanel.tsx

@@ -79,7 +79,8 @@ const LeftColExpansionPanel = (props: LeftColExpPanPropsInt) => {
           {/* {This is the component responsible for the collapsing transition animation for each component card} */}
           <Collapse
             in={focusedToggle}
-            collapsedHeight={70} //The type for the Collapse component is asking for a string, but if you put in a string and not a number, the component itself breaks.
+            collapsedHeight={'70px'}
+            timeout={500} //The type for the Collapse component is asking for a string, but if you put in a string and not a number, the component itself breaks.
           >
             {/* NOT SURE WHY COLOR: RED IS USED, TRIED REMOVING IT AND NO VISIBLE CHANGE OCCURED. */}
             <Grid