Login input css improved, this.user removed since it was unnecessary

frontend/src/components/Login.vue

@@ -19,12 +19,13 @@ export default {
   data() {
     return {
       username: '',
-      user: null,
     }
   },
   emits: ['userChange'],
   methods: {
     async setUser() {
+      if (this.username === '') return;
+
       let user;
       user = await User.getByName(this.username);
       if (user.errors) {
@@ -37,8 +38,7 @@ export default {
       }
 
       if (user) {
-        this.user = user;
+        this.$emit('userChange', user);
-        this.$emit('userChange', this.user);
       }
     },
   }
@@ -48,6 +48,18 @@ export default {
 <style scoped>
 input {
   border: 3px solid black;
+  border-radius: 0;
   background-color: beige;
+  margin-bottom: 5px;
+}
+
+input:focus {
+  background: beige;
+  border-color: rgba(184,134,11, 0.8);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(184,134,11, 0.6);
+}
+
+label {
+  margin-left: 10px;
 }
 </style>