From 60415ad83ff0217be98aeaced87de8421f3abf56 Mon Sep 17 00:00:00 2001
From: cami <cami+giteaspcodes@mailbox.org>
Date: Mon, 21 Jun 2021 05:48:01 +0200
Subject: [PATCH] Added some more things for login :tada:

---
 frontend/src/App.js                    | 4 ++++
 frontend/src/Footer.js                 | 2 +-
 frontend/src/components/Input.css      | 5 +++++
 frontend/src/components/SubmitField.js | 4 +++-
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.js b/frontend/src/App.js
index 2c25cab..0c92cb2 100644
--- a/frontend/src/App.js
+++ b/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>
     </>
diff --git a/frontend/src/Footer.js b/frontend/src/Footer.js
index 8c4c1c3..8ec20ac 100644
--- a/frontend/src/Footer.js
+++ b/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>
diff --git a/frontend/src/components/Input.css b/frontend/src/components/Input.css
index 2e52c93..3b23b35 100644
--- a/frontend/src/components/Input.css
+++ b/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);
 }
\ No newline at end of file
diff --git a/frontend/src/components/SubmitField.js b/frontend/src/components/SubmitField.js
index 4114b28..ec5e168 100644
--- a/frontend/src/components/SubmitField.js
+++ b/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>
   );