src/pages/Login.vue

@@ -6,9 +6,10 @@
       </q-toolbar>
 
       <q-card-section>
-        <q-form class="q-gutter-md" @submit="doLogin">
+        <q-form @submit="doLogin">
           <q-input
             v-model="userid"
+            class="q-pa-md"
             filled
             label="Benutzername oder E-Mail"
             autocomplete="username"
@@ -17,20 +18,26 @@
           />
           <password-input
             v-model="password"
+            class="q-px-md q-pt-md q-pb-none"
             filled
             label="Passwort"
             autocomplete="cureent-password"
             :rules="[notEmpty]"
             tabindex="2"
           />
-          <div class="row justify-between">
+          <div class="full-width row justify-end q-px-md">
             <q-btn
-              label="Passwort vergessen"
+              label="Passwort vergessen?"
               type="a"
               color="secondary"
               tabindex="4"
+              flat
+              dense
+              size="sm"
               @click="doReset"
             />
+          </div>
+          <div class="full-width row justify-end q-px-md q-pt-md">
             <q-btn label="Login" type="submit" color="primary" tabindex="3" />
           </div>
         </q-form>