From c8e9a8b3751e7f1a15cffd0afdfbc7975316983b Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Fri, 4 Feb 2022 19:59:21 +0000
Subject: [PATCH] Improve login page

---
 web/src/App.vue         | 2 +-
 web/src/pages/Login.vue | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index caedb97..dcb46c0 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -24,7 +24,7 @@ export default defineComponent({
 </script>
 
 <template>
-  <div class="box-border flex-row w-full">
+  <div class="box-border w-full">
     <div class="flex bg-gray-400 p-4 m-2 rounded-lg">
       <span class="flex-1" @click="toggleMenu">Home</span>
 
diff --git a/web/src/pages/Login.vue b/web/src/pages/Login.vue
index a3ce283..273f1eb 100644
--- a/web/src/pages/Login.vue
+++ b/web/src/pages/Login.vue
@@ -36,13 +36,12 @@ export default defineComponent({
 
 <template>
         <div>
-            <input type="text"      v-model="login.user"     label="Username" />
-            <input type="password"  v-model="login.password" label="Password" />
+            <input type="text"      v-model="login.user"     placeholder="Username" class="border-2 border-black rounded-lg block px-2 my-2 w-48" />
+            <input type="password"  v-model="login.password" placeholder="Password" class="border-2 border-black rounded-lg block px-2 my-2 w-48" />
         </div>
         <div>{{ error }}</div>
-        <button type="submit" @click="formSubmit">Login</button>
+        <button type="submit" @click="formSubmit" class="bg-blue-300 rounded-lg p-2 w-48">Login</button>
         <p>
-            New user?
-            <router-link to="/register">Register</router-link>instead!
+            New user? <router-link to="/register">Register</router-link> instead!
         </p>
 </template>
\ No newline at end of file