frontend/src/components/HeroSection.css

@@ -30,7 +30,7 @@
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
-  min-width: 60%;
+  min-width: 50%;
 }
 
 .hero-btns .btn {

frontend/src/components/Navbar.js

@@ -59,13 +59,11 @@ function Navbar() {
             </li>
             {isLoggedIn ? (
               <li className="nav-item">
-                <Link
+                <>
-                  to="/logout"
+                  <Link to="/" className="nav-links" onClick={() => logout()}>
-                  className="nav-links"
-                  onClick={() => logout()}
-                >
                     Abmelden
                   </Link>
+                </>
               </li>
             ) : (
               <>
@@ -87,7 +85,6 @@ function Navbar() {
                     Registrieren
                   </Link>
                 </li>
-
               </>
             )}
             <li>

frontend/src/components/pages/Umfrage.js

@@ -12,7 +12,6 @@ import { Logger } from "@behametrics/logger-web";
 import { Redirect } from "react-router";
 
 export default function Umfrage() {
-
   /* values from survey */
   const [age, setAge] = useState("");
   const [gender, setGender] = useState("");
@@ -123,8 +122,8 @@ export default function Umfrage() {
         <p>
           Super, die Registrierung hat funktioniert! Du bist nun eingeloggt und
           ich erfasse deine Tastaturanschläge und die Mausbewegungen. Wenn du
-          dich wieder abmelden möchtest, kannst du das{" "}
+          dich wieder abmelden möchtest, kannst du das <Link to="/">hier</Link>{" "}
-          <Link to="/logout">hier</Link> machen.
+          machen.
         </p>
         <p>
           Damit ich etwas über die Studienteilnehmenden erfahre, möchte ich hier