css fix

Author: MrS-E

webtool-ui/src/main.css

@@ -2,4 +2,8 @@ body{
     height: 100vh;
     width: 100vw;
     margin: 0;
-}
+}
+
+#root div{
+    padding: 10px;
+} 

webtool-ui/src/sites/Login.css

@@ -0,0 +1,8 @@
+p a{
+    color: #0923b4;
+    font-size: 14px;
+    font-weight: 600;
+    margin: 0 10px;
+    padding: 10px 0;
+    border-bottom: 2px solid transparent;
+}

webtool-ui/src/sites/Login.tsx

@@ -4,7 +4,7 @@ import {useState} from "react";
 import {useCookies} from "react-cookie";
 import {Link, NavigateFunction, useNavigate} from "react-router-dom";
 import {server} from "../variables.ts";
-
+import './Login.css'
 
 function Login () :JSX.Element  {
     const [email, setEmail] = useState<string>("")
@@ -46,7 +46,7 @@ function Login () :JSX.Element  {
                 <Input type={"email"} name={"email"} label={"E-Mail"} value={setEmail}/>
                 <Input type={"password"} name={"password"} label={"Passwort"} value={setPassword}/>
                 <p>{loginError}</p>
-                <p>Noch kein Konto? <Link to={"/registrieren"}>Jetzt Registrieren</Link></p>
+                <p>Noch kein Konto? <Link to={"/registrieren"}><span>Jetzt Registrieren</span></Link></p>
             </Form>
         </div>
     );

webtool-ui/src/subsites/Password.css

@@ -14,11 +14,6 @@ h1 {
     margin-bottom: 20px;
 }
 
-input[type="text"] {
-    padding: 8px;
-    width: 200px;
-}
-
 button {
     padding: 8px;
     margin-left: 10px;