add location

src/components/Locations.css

@@ -0,0 +1,10 @@
+.locations-card {
+    width: 40vw;
+    height: 45vh;
+    background-color: white;
+    margin: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+ }

src/components/Locations.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import WorldMap from './WorldMap';
+import './Locations.css';
+
+function Locations({ show }) {
+
+    return (
+        <div className='locations-card'>
+            <WorldMap show={show} />
+        </div>
+    );
+}
+export default Locations;

src/components/TestAnalytics.js

@@ -8,7 +8,7 @@ import db from '../firebase';
 import './TestAnalytics.css';
 import TestAnalyticsGraph from './TestAnalyticsGraph';
 import TestAnalyticsPie from './TestAnalyticsPie';
-import WorldMap from './WorldMap';
+import Locations from './Locations';
 
 const styles = {
     menuList: (base) => ({
@@ -116,7 +116,8 @@ const TestAnalytics = () => {
                 {dailyResults && <TestAnalyticsGraph data={dailyResults} />}
             </div>
             <div className='container'>
-                <WorldMap />
+                <Locations />
+                <Locations />
             </div>
 
         </div>

src/components/TestAnalyticsGraph.css

@@ -9,12 +9,17 @@
     height: 45vh;
     background-color: white;
     margin: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
  }
 
  .graph-title {
     text-align: center;
     font-weight: 600;
-    padding: 15px;
+    padding: 5px;
+    bottom: -10;
  }
 
  .axis-grid line {

src/components/TestAnalyticsGraph.js

@@ -20,7 +20,7 @@ class TestAnalyticsGraph extends Component {
 
         data.reverse();
 
-        var margin = { top: 20, right: 20, bottom: 30, left: 50 },
+        var margin = { top: 60, right: 20, bottom: 30, left: 50 },
             width = 450 - margin.left - margin.right,
             height = 200 - margin.top - margin.bottom;
 

src/components/TestAnalyticsPie.css

@@ -8,14 +8,12 @@
     width: 40vw;
     height: 45vh;
     background-color: white;
-    margin: 10px;
  }
 
  .graph-title {
     text-align: center;
     font-weight: 600;
     padding: 15px;
-    top: -10;
  }
 
  .title {