From f00518edb600f1bfe8d3bcc425677ef0c4f910a3 Mon Sep 17 00:00:00 2001
From: minie4 <minie4@gmx.de>
Date: Tue, 28 Jun 2022 22:50:01 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Improve=20login=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/LoginView.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 91a513b..d5efd1c 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -15,7 +15,7 @@
 
 <style scoped>
 .login {
-  padding: 65px 10px 80px 10px;
+  padding: 90px 10px 80px 10px;
 }
 
 .login {
@@ -38,10 +38,17 @@ input {
   outline: none;
   background-color: var(--element-color);
   padding: 5px 5px;
+  font-size: 15px;
   margin: 5px 0;
   border: 2px solid var(--element-border-input);
   border-radius: 5px;
-  color: #bdbdbd;
+  transition: 0.2s all;
+}
+
+input:hover,
+input:focus {
+  background-color: var(--element-color-hover);
+  border-radius: 8px;
 }
 
 button {
@@ -49,7 +56,15 @@ button {
   padding: 5px 5px;
   border: 2px solid var(--element-border-action);
   border-radius: 5px;
+  font-size: 15px;
   color: var(--text-color);
   background-color: var(--element-color);
+  cursor: pointer;
+  transition: 0.2s all;
+}
+
+button:hover {
+  background-color: var(--element-color-hover);
+  border-radius: 8px;
 }
 </style>