login schön gemacht

frontend/src/pages/user.rs

@@ -330,7 +330,7 @@ pub fn login_component() -> Html {
     html! {
         <div>
         <h1 class="headline">{ "Anmeldung" }</h1>
-        <form {onsubmit}>
+        <form {onsubmit} class="rundbg">
             <input
                 placeholder="username"
                 value={(*username).clone()}

frontend/src/styles/main.scss

@@ -37,10 +37,24 @@ body {
   .content { margin-left: 0; }
 }
 
-form {
+
-  align-content: center;
+
+.rundbg {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  max-width: 30%;
+  margin:0 auto;
+  margin-top: 32px;
+  background-color:#7c7c7c;
+  padding: 16px;
+  border-radius: 20px;
+  gap: 16px;
   
   input, button {
-    display: block;
+    padding: 16px;
+    font-size: 1.8rem;
+  
+
   }
 }