Merge pull request #322 from hubudibu/fix-bulma-icons

Fix input icons on signup and login views
okTurtles · Nov 3, 2017 · bd3cf80 · bd3cf80
2 parents 6474fc0 + 95c4c8e
commit bd3cf80
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/simple/components/login-modal.vue b/frontend/simple/components/login-modal.vue
@@ -40,7 +40,7 @@
                 v-validate
                 @keyup.enter="login"
               >
-              <span class="icon is-small"><i class="fa fa-lock"></i></span>
+              <span class="icon"><i class="fa fa-lock"></i></span>
             </p>
             <i18n v-show="errors.has('password')" class="help is-danger">Password must be at least 7 characters</i18n>
           </div>

diff --git a/frontend/simple/views/SignUp.vue b/frontend/simple/views/SignUp.vue
@@ -26,7 +26,7 @@
         <div class="field">
           <p class="control has-icon">
             <input id="name" class="input" name="name" v-model="name" @blur="checkName" @keypress="checkName" v-validate data-vv-rules="required|regex:^\S+$" placeholder="username" required autofocus>
-            <span class="icon is-small"><i class="fa fa-user"></i></span>
+            <span class="icon"><i class="fa fa-user"></i></span>
           </p>
           <p class="help is-danger" v-if="errors.has('name')" id="badUsername">
             <i18n v-if="nameAvailable === false">name is unavailable</i18n>
@@ -38,14 +38,14 @@
         <div class="field">
           <p class="control has-icon">
             <input class="input" id= "email" name="email" v-model="email" v-validate data-vv-rules="required|email" type="email" placeholder="email" required>
-            <span class="icon is-small"><i class="fa fa-envelope"></i></span>
+            <span class="icon"><i class="fa fa-envelope"></i></span>
           </p>
           <i18n v-if="errors.has('email')" id="badEmail" class="help is-danger">Not an email</i18n>
         </div>
         <div class="field">
           <p class="control has-icon">
             <input class="input" id="password" name="password" v-model="password" v-validate data-vv-rules="required|min:7" placeholder="password" type="password" required>
-            <span class="icon is-small"><i class="fa fa-lock"></i></span>
+            <span class="icon"><i class="fa fa-lock"></i></span>
           </p>
           <i18n v-if="errors.has('password')" id="badPassword" class="help is-danger">Password must be at least 7 characters</i18n>
         </div>