front: minore updates

webapp/src/App.js

@@ -14,6 +14,7 @@ function App() {
         <Header/>
         <div className="Container">
           <Routes>
+            {/* https://stackoverflow.com/questions/40541994/multiple-path-names-for-a-same-component-in-react-router */}
             <Route path="/game" element={<Game/>} />
             <Route path="/game/proposal" element={<Game/>} />
             <Route path="/game/active" element={<Game/>} />

webapp/src/components/Board/index.css

@@ -27,3 +27,7 @@
 .tile.white:hover {
     background-color:azure;
 }
+
+.stone {
+    font-size: 120%;
+} 

webapp/src/components/Game/index.jsx

@@ -2,21 +2,21 @@ import './index.css';
 import React from 'react';
 import GameHeader from '../GameHeader'
 import GameSelector from '../GameSelector'
-import Board from '../Board' 
+import Board from '../Board'
 
 // import { AppData } from "../../context/data"
 
 export default function Game() {
 
   return <div className="split">
-    
+
     <div className='split left'>
-      <GameHeader/>
+      <GameHeader />
-      <GameSelector/>
+      <GameSelector />
     </div>
 
     <div className='split right'></div>
-      <Board/>
+    <Board />
-    </div>
+  </div>
-    
+
 };

webapp/src/components/GameSelector/index.css

@@ -39,9 +39,4 @@
     font-size: 50%;
     padding-left: 50%;
     margin-bottom: 7px;
-}
-
-.stone {
-    font-size: 140%;
-    vertical-align: -3px;
 }