From 8afcd6e4ea6d2f57bddb0fe50d2094a8af85ab0a Mon Sep 17 00:00:00 2001
From: Brandon Tripp <brandongtripp@gmail.com>
Date: Tue, 1 Dec 2020 11:28:58 -0700
Subject: [PATCH] The styling was adjusted to center eye icon and make entire
 span clickable.

---
 webapp/components/LoginForm/LoginForm.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/webapp/components/LoginForm/LoginForm.vue b/webapp/components/LoginForm/LoginForm.vue
index 640b8cb08..7c1eeb102 100644
--- a/webapp/components/LoginForm/LoginForm.vue
+++ b/webapp/components/LoginForm/LoginForm.vue
@@ -137,15 +137,17 @@ export default {
   transition: all $duration-short $ease-out;
 
   .icon-wrapper {
+    margin-right: 2px;
+  }
+
+  .click-wrapper {
     padding: 8px;
-    margin: 4px;
-    padding-left: 20px;
+    align-content: center;
     color: $text-color-disabled;
+    cursor: pointer;
   }
 
   .click-wrapper:hover {
-    cursor: pointer;
-
     &:focus-within {
       background-color: $background-color-base;
       border: $input-border-size solid $border-color-active;
@@ -155,6 +157,7 @@ export default {
       }
     }
   }
+  
 
   &:focus-within {
     background-color: $background-color-base;
@@ -168,12 +171,10 @@ export default {
   .password-field {
     position: relative;
     padding-top: 16px;
-    padding-right: 8px;
     border: none;
     border-style: none;
     appearance: none;
     margin-left: 0;
-    margin-right: -20px;
     width: 100%;
   }
 }