Vertical misalignment of login box header

What does this MR do?

Refactor CSS for pages/login.scss (part of which was introduced mainly in !6328 (merged)):

• to remove CSS duplication for the login box
• to make the login box independent from Bootstrap 3's nav-tabs
• as a result, to eliminate 6 nested selectors (cf. #39584 (moved))

Are there points in the code the reviewer needs to double check?

n/a

Why was this MR needed?

• to eliminate vertical misalignment in the login box header
• to keep CSS code cleaned up

Screenshots (if relevant)

Does this MR meet the acceptance criteria?

• Changelog entry added, if necessary
• [n/a] Documentation created/updated
• [n/a] API support added
• [n/a] Tests added for this feature/bug
• Review
  • Has been reviewed by UX
  • Has been reviewed by Frontend
  • [n/a] Has been reviewed by Backend
  • [n/a] Has been reviewed by Database
• Conform by the merge request performance guides
• Conform by the style guides
• Squashed related commits together
• [n/a] Internationalization required/considered

What are the relevant issue numbers?

Closes #41748 (closed)

Blocked by !16271 (merged)

.gitlab/merge_request_templates/Documentation.md

@@ -11,4 +11,6 @@ See the guidelines: http://docs.gitlab.com/ce/development/doc_styleguide.html#ch
 - [ ] Make sure the old link is not removed and has its contents replaced with a link to the new location.
 - [ ] Make sure internal links pointing to the document in question are not broken.
 - [ ] Search and replace any links referring to old docs in GitLab Rails app, specifically under the `app/views/` directory.
+- [ ] Make sure to add [`redirect_from`](https://docs.gitlab.com/ee/development/doc_styleguide.html#redirections-for-pages-with-disqus-comments) to the new document if there are any Disqus comments on the old document thread.
 - [ ] If working on CE, submit an MR to EE with the changes as well.
+- [ ] Ping one of the technical writers for review.