frontend/src/App.js

@@ -8,6 +8,8 @@ import Ueber from "./components/pages/Ueber";
 import Lizenzen from "./components/pages/lizenzen";
 import Privacy from "./components/pages/Privacy";
 import Login from "./components/pages/Login";
+import Register from "./components/pages/Register"
+import Manual from "./components/pages/Manual";
 
 function App() {
   return (
@@ -21,6 +23,8 @@ function App() {
           <Route path="/lizenzen" component={Lizenzen} />
           <Route path="/privacy" component={Privacy} />
           <Route path="/login" component={Login} />
+          <Route path="/register" component={Register} />
+          <Route path="/manual" component={Manual} />
         </Switch>
       </Router>
     </>

frontend/src/Footer.js

@@ -11,7 +11,7 @@ function Footer() {
           <div className="footer-link-items">
             <h2>Informationen</h2>
             <Link to="/">Hintergrund</Link>
-            <Link to="/">Ziel dieser Webseite</Link>
+            <Link to="/manual">Wie funktioniert das?</Link>
           </div>
           <div className="footer-link-items">
             <h2>Kontakt</h2>

frontend/src/components/Input.css

@@ -1,6 +1,11 @@
 .input-field {
     width: auto;
 }
+
+.input-field p{
+    font-size: 36px;
+}
 .input-field input {
+    width: 100%;
     border-color: var(--primary);
 }

frontend/src/components/SubmitField.js

@@ -1,9 +1,11 @@
 import React from "react";
+import "./Input.css"
+import "./Button.css"
 
 function SubmitField(props) {
   const InputValue = props.LabelName;
   return (
-    <label>
+    <label className="input-field" className="btn btn--primary btn--medium">
       <input type="submit" value={InputValue} />
     </label>
   );