front: center Header actions

webapp/src/components/Header/index.css

@@ -20,9 +20,10 @@ nav a {
     color: lightgray;
     text-decoration: none;
     transition: .25s ease;
+    width: 100px; 
 
-    margin-left: 30px;
-    margin-right: 30px;
+    margin-left: 5px;
+    margin-right: 5px; 
     padding: 0.25rem 1rem;
 }
 

webapp/src/components/Header/index.jsx

@@ -35,11 +35,7 @@ export default function Header() {
       </NavLink>
 
       <NavLink to="/about" className={""}>
-        <span>A</span>
-        <span>b</span>
-        <span>o</span>
-        <span>u</span>
-        <span>t</span>
+        About
       </NavLink>
     </nav>
   </div>

webapp/src/components/Header/wave.css

@@ -3,6 +3,8 @@
   .woble {
     display: flex;
     cursor: pointer;
+    justify-content: center; 
+    align-items: center;
     /* text-transform: uppercase; */
     /* font-size: 1.5rem; */
     /* padding: 1rem 2rem; */