UI bugs in Login page

# Bad UX , UI Bugs in Coding Blocks part - 3

## Login Page

#### Url : [Link](https://account.codingblocks.com/login)

1. Navbar Logo

* Logo is too small compared to remaining pages in coding blocks

Why to fix :

* As logo represents the brand entity it should be maintain same size in all pages

Suggestion :

* Make it similar to [Home page](https://codingblocks.com/) , [Online Coding blocks](https://online.codingblocks.com/) navbar logos.

2. Login Form

* Line Height / Padding issues while filling the form
* Use better a sentence like try our easy login , Quick login instead saying You may also try login with:
* Hover effects on social icons
* Login with email section provide you an option to login with otp but login with otp page doesn't provide you an option to switch back to login with email(Observe Fig 1 and Fig 2 for better understanding).
* Typo in the Title (Fig 3)

Fig 1 :


Fig 2 :


Fig 3 :


Suggestions :

* The text in the input fields are not aligned to center of the text box proper padding or line height can fix this issue
* Words , Sentences really create a large impact on the user so use words like Easy Login . Quick Login instead of You may also try login sentences
* Hover effects on social icons really catches user attention(change backround ground color on hover)
* We can never predict user actions, if a user is facing issues with otp he may switch back login via email approach so please provide an button to redirect to login via email in login via otp page.
* Instead of a text displaying "OTP works only for 10 min" replace with an actual timer
* Fix the Title Name in the title bar (Fig 3)

3. Register Form

* Inconsistency in input text color and dropdowns text color

Fig 4 :


Suggestions :

* Maintain same text color all over the form.
* If possible maintain an vertical form instead of a horizontal form because most of the users gets confused with their progress in horizontal forms.
* Phone number dropdown down arrow is overlapping with the text/options.

从登录 URL 开始，将登录表单和注册表单与参考的主页和屏幕截图进行比较。检查报告中涉及的 logo、间距、措辞、导航、OTP 计时器、标题、文本颜色、布局和下拉菜单问题；当两个表单中的报告不一致之处和流程都得到修正时，即视为完成。

由索引模型根据 Issue 内容生成。