Sam did something

frontend/src/pages/user.rs

@@ -328,6 +328,8 @@ pub fn login_component() -> Html {
     };
 
     html! {
+        <div>
+        <h1 class="headline">{ "Anmeldung" }</h1>
         <form {onsubmit}>
             <input
                 placeholder="username"
@@ -349,6 +351,7 @@ pub fn login_component() -> Html {
             <button type="submit" disabled={*loading}>{ if *loading { "Logging in..." } else { "Login" } }</button>
             if !error.is_empty() { <p style="color:red">{(*error).clone()}</p> }
         </form>
+        </div>
     }
 }
 

frontend/src/styles/components/_frontpage.scss

@@ -0,0 +1,5 @@
+.headline {
+    font-size: 30px;
+    font-weight: bold;
+    text-align: center;
+}   

frontend/src/styles/main.scss

@@ -4,6 +4,7 @@
 @use "components/sidebar";
 @use "components/tickets";
 @use "components/diagnostics";
+@use "components/frontpage";
 
 body {
   background: variables.$color-bg;
@@ -36,3 +37,10 @@ body {
   .content { margin-left: 0; }
 }
 
+form {
+  align-content: center;
+
+  input, button {
+    display: block;
+  }
+}