diff --git a/webapp/components/LoginForm/LoginForm.spec.js b/webapp/components/LoginForm/LoginForm.spec.js index 642711ca0..430fdbe21 100644 --- a/webapp/components/LoginForm/LoginForm.spec.js +++ b/webapp/components/LoginForm/LoginForm.spec.js @@ -59,7 +59,7 @@ describe('LoginForm', () => { }) }) - describe('Click on show password input field type change', () => { + describe('Visibility of password', () => { const wrapper = Wrapper() it('does not show the password by default', () => { expect(wrapper.find('input[name ="password"]').attributes('type')).toEqual('password') @@ -85,10 +85,10 @@ describe('LoginForm', () => { }) }) - describe('Focus returns to password input container after show password click', () => { + describe('Focus on password input container after show-password click', () => { const wrapper = Wrapper() const componentToGetFocus = wrapper.find('input[name ="password"]') - it('Focus is on the password field container after click', async () => { + it('Focuses on the password field after click', async () => { wrapper.find('span.click-wrapper').trigger('click', { relateTarget: componentToGetFocus, }) diff --git a/webapp/components/LoginForm/LoginForm.vue b/webapp/components/LoginForm/LoginForm.vue index adf702f53..640b8cb08 100644 --- a/webapp/components/LoginForm/LoginForm.vue +++ b/webapp/components/LoginForm/LoginForm.vue @@ -139,7 +139,7 @@ export default { .icon-wrapper { padding: 8px; margin: 4px; - padding-left: 16px; + padding-left: 20px; color: $text-color-disabled; } @@ -173,7 +173,7 @@ export default { border-style: none; appearance: none; margin-left: 0; - margin-right: -16px; + margin-right: -20px; width: 100%; } }