Merge pull request #27 from tonyito/mvp

Touched up component card animation and package.json

Author: jzuniga206

package.json

@@ -15,9 +15,9 @@
     "Sean Sadykoff",
     "Shlomo Porges",
     "Sophia Huttner",
-    "Tolga Mizrakci",  
+    "Tolga Mizrakci",
     "Tony Ito-Cole"
-    ],
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/team-reactype/ReacType"
@@ -134,6 +134,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/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