front: centr align for Leaderboard

webapp/src/App.css

@@ -2,10 +2,6 @@
   text-align: center;
 }
 
-.Container {
-  text-align: center;
-}
-
 .App-header {
   background-color: #282c34;
   min-height: 100vh;
@@ -20,4 +16,3 @@
 .App-link {
   color: #61dafb;
 }
-

webapp/src/Leaderboard.css

@@ -0,0 +1,6 @@
+.Leaderboard {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 25px
+  }

webapp/src/Leaderboard.js

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import './Leaderboard.css';
 //const Leaderboard = ({hashmap}) => {
 
 // var listItems = Object.keys(hashmap).map(playerName => {
@@ -43,6 +44,7 @@ const Leaderboard = () => {
   });
 
   return (
+    <div className="Leaderboard">
       <table>
         <thead>
           <tr>
@@ -56,6 +58,7 @@ const Leaderboard = () => {
           { tableRows }
         </tbody>
       </table>
+    </div>
   );
 };