From e5f040e0663018065c9d9864c08d106b89e2969e Mon Sep 17 00:00:00 2001
From: Bubka <858858+Bubka@users.noreply.github.com>
Date: Fri, 10 Jan 2020 10:48:16 +0100
Subject: [PATCH] Style and CSS adjustments

---
 resources/js/views/Accounts.vue | 6 +++---
 resources/js/views/Login.vue    | 4 ++--
 resources/js/views/Register.vue | 8 ++++----
 resources/sass/app.scss         | 1 +
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/resources/js/views/Accounts.vue b/resources/js/views/Accounts.vue
index 3c67e2db..71f22114 100644
--- a/resources/js/views/Accounts.vue
+++ b/resources/js/views/Accounts.vue
@@ -2,7 +2,7 @@
     <div>
         <div class="container" v-if="this.showAccounts">
             <div class="buttons are-large is-centered">
-                <span v-for="account in accounts" class="button is-black twofaccount" >
+                <span v-for="account in accounts" class="button is-black has-background-black-bis twofaccount" >
                     <span @click.stop="getAccount(account.id)">
                         <img :src="'storage/icons/' + account.icon" v-if="account.icon">
                         {{ account.service }}
@@ -21,7 +21,7 @@
         </div>
         <div class="container has-text-centered" v-show="this.showNoAccount">
             <p class="no-account"></p>
-            <p class="subtitle is-5">
+            <p class="subtitle is-5 has-text-grey">
                 No 2FA here!
             </p>
             <router-link :to="{ name: 'create' }" class="button is-medium is-link is-focused">Add one</router-link>
@@ -61,7 +61,7 @@
             </div>
             <div class="content has-text-centered">
                 <span v-if="token">
-                    Hi {{username}} ! <a @click="logout">Sign out</a>
+                    Hi {{username}} ! <a class="has-text-grey" @click="logout">Sign out</a>
                 </span>
                 <span v-else>
                     <router-link :to="{ name: 'login' }" class="button is-black">
diff --git a/resources/js/views/Login.vue b/resources/js/views/Login.vue
index 3277dc71..623ecc2b 100644
--- a/resources/js/views/Login.vue
+++ b/resources/js/views/Login.vue
@@ -7,14 +7,14 @@
                     <div class="field">
                         <label class="label">Email</label>
                         <div class="control">
-                            <input id="email" type="email" class="input" v-model="email" v-bind:class="{ 'is-danger' : errors.email }" required autofocus />
+                            <input id="email" type="email" class="input" v-model="email" required autofocus />
                         </div>
                         <p class="help is-danger" v-if="errors.email">{{ errors.email.toString() }}</p>
                     </div>
                     <div class="field">
                         <label class="label">Password</label>
                         <div class="control">
-                            <input id="password" type="password" class="input" v-model="password" v-bind:class="{ 'is-danger' : errors.password }" required />
+                            <input id="password" type="password" class="input" v-model="password" required />
                         </div>
                         <p class="help is-danger" v-if="errors.password">{{ errors.password.toString() }}</p>
                     </div>
diff --git a/resources/js/views/Register.vue b/resources/js/views/Register.vue
index 668525d9..853ab749 100644
--- a/resources/js/views/Register.vue
+++ b/resources/js/views/Register.vue
@@ -7,28 +7,28 @@
                     <div class="field">
                         <label class="label">Name</label>
                         <div class="control">
-                            <input id="name" type="text" class="input" v-model="name" v-bind:class="{ 'is-danger' : errors.name }" required autofocus />
+                            <input id="name" type="text" class="input" v-model="name" required autofocus />
                         </div>
                         <p class="help is-danger" v-if="errors.name">{{ errors.name.toString() }}</p>
                     </div>
                     <div class="field">
                         <label class="label">Email</label>
                         <div class="control">
-                            <input id="email" type="email" class="input" v-model="email" v-bind:class="{ 'is-danger' : errors.email }" required />
+                            <input id="email" type="email" class="input" v-model="email" required />
                         </div>
                         <p class="help is-danger" v-if="errors.email">{{ errors.email.toString() }}</p>
                     </div>
                     <div class="field">
                         <label class="label">Password</label>
                         <div class="control">
-                            <input id="password" type="password" class="input" v-model="password" v-bind:class="{ 'is-danger' : errors.password }" required />
+                            <input id="password" type="password" class="input" v-model="password" required />
                         </div>
                         <p class="help is-danger" v-if="errors.password">{{ errors.password.toString() }}</p>
                     </div>
                     <div class="field">
                         <label class="label">Confirm Password</label>
                         <div class="control">
-                            <input id="password_confirmation" type="password" class="input" v-model="password_confirmation" v-bind:class="{ 'is-danger' : errors.passwordConfirmation }" required />
+                            <input id="password_confirmation" type="password" class="input" v-model="password_confirmation" required />
                         </div>
                         <p class="help is-danger" v-if="errors.passwordConfirmation">{{ errors.passwordConfirmation.toString() }}</p>
                     </div>
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 6e572058..b8e55161 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -142,6 +142,7 @@ footer .field.is-grouped {
 
 .no-account {
   display: block;
+  margin-bottom: 0.5rem;
   opacity: 0.05;
   height: 256px;
   background-repeat: no-repeat;