[ES-2733] Back button is getting overlapped with the text message - Fixed

[SajidMannikeri17]

Summary by CodeRabbit

• Style

  • Adjusted spacing and padding on OTP and password reset form headers.
  • Updated back button positioning on multiple authentication pages.

• Refactor

  • Reorganized internal component structure for improved code organization.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Walkthrough

Three pages in the signup UI component (ResetPasswordPage and SignUpPage OTP/ResetPassword sections) undergo DOM restructuring with adjusted padding, header layout reorganization, back button positioning changes, and wrapper element modifications. No logic or functional behavior changes are introduced.

Changes

Cohort / File(s)	Summary
ResetPasswordPage OTP & ResetPassword Components signup-ui/src/pages/ResetPasswordPage/Otp/Otp.tsx, signup-ui/src/pages/ResetPasswordPage/ResetPassword/ResetPassword.tsx	Header layout restructuring: StepHeader padding increased (px-0 to px-8); new wrapping div around header contents; StepTitle moved into wrapper. Back button class updated (removed ml-8 offset). Minor template literal formatting in identifier construction. DOM structure altered without behavioral impact.
SignUpPage OTP Component signup-ui/src/pages/SignUpPage/Otp/Otp.tsx	Similar header refactoring: StepHeader padding adjusted; back button margins removed; StepTitle repositioned within wrapping div. ResendAttempt component reformatted with conditional wrapper. Template string whitespace adjustments in request payload construction.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• PR #830: Modifies back-button markup and classNames in the same ResetPasswordPage and SignUpPage OTP components with overlapping structural changes.

Suggested reviewers

• gk-XL7
• ase-101

Poem

🐰 A hop through the layout, a pad here, a class there,
Headers wrapped snug in divs with utmost care,
Back buttons dance left, margins disappear,
DOM trees reshape—no logic to fear,
Styling twirls gently, structure takes flight! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title directly addresses the main issue (back button overlap) and indicates the fix has been applied, accurately summarizing the primary change across the three modified OTP/ResetPassword files.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}