Merge branch 'main' of https://github.com/Team4388/ScoutingApp2022

webserver/public/index.html

@@ -22,7 +22,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Scouting🔭</title>
+    <title>Scouting 2022</title>
 </head>
 
 

webserver/src/Pages/WelcomePage.js

@@ -1,8 +1,9 @@
 import React from 'react'
 import "./WelcomePage.css";
+import "../App.css";
 const WelcomePage = () => {
     return (
-        <div class='center'>
+        <div align="center" class = "headerwithfont">
             <h1>Welcome to Ridgebotics Scouting Web Application 2022</h1>
             <img src = "/WelcomePageImage.webp"/>
         </div>

webserver/src/components/Navigation/Drawer/SideDrawer.css

@@ -32,6 +32,7 @@
     color: white;
     text-decoration: none;
     font-size: 2rem;
+    z-index: 1;
 }
 
 .side_drawer a:hover,

webserver/src/components/Navigation/PagesList.js

@@ -4,8 +4,8 @@ import { Link } from "react-router-dom";
 const PagesList = props => {
     return (
         <ul>
-            <li><Link onClick={props.click} to="/Dashboard">Dashboard</Link></li>
-            <li><Link onClick={props.click} to="/Input">Input</Link></li>
+            <button><Link onClick={props.click} to="/Dashboard">Dashboard</Link></button>
+            <button><Link onClick={props.click} to="/Input">Input</Link></button>
         </ul>
     )
 }

webserver/src/components/Navigation/Toolbar/Toolbar.css

@@ -21,7 +21,8 @@
 .toolbar_logo a {
     color: white;
     text-decoration: none;
-    font-size: 1.5rem;
+    font-size: 2.0rem;
+    height: 100%;
 }
 
 .toolbar_spacer {
@@ -42,6 +43,8 @@
 .toolbar_items a {
     color: white;
     text-decoration: none;
+    font-size: 1.5rem;
+    height: 200%;
 }
 
 .toolbar_items a:hover,