fix: altpayment overlap footer

[lissavxo]

Related to #588

Description

Fix footer hiding when altpayment widget appears.

Test plan

Click in 'Don't have any XEC?' make sure the footer remains there

Summary by CodeRabbit

• Style
  • Refined the payment widget container's vertical spacing calculations to provide a more balanced and visually optimized layout for improved user experience.
  • Enhanced the footer section styling with additional top padding to ensure improved visual alignment, consistent spacing, and better interface aesthetics.

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

[coderabbitai]

📝 Walkthrough

Walkthrough

Two component styling adjustments were made: the SideshiftCtn height calculation in AltpaymentWidget was reduced, and footer top padding was increased in the Widget component. Both changes are CSS-only modifications with no functional logic or interface alterations.

Changes

Cohort / File(s)	Summary
AltpaymentWidget height adjustment react/lib/components/Widget/AltpaymentWidget.tsx	SideshiftCtn container height calculation changed from calc(100% - 20px) to calc(100% - 45px), reducing available vertical space by 25px
Widget footer spacing react/lib/components/Widget/Widget.tsx	Added paddingTop: '14px' to footer style, increasing top spacing of footer element

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Possibly related PRs

• Made div a bit taller by default to handle donation controls #583: Modifies the same footer style in Widget.tsx with a different styling property (lineHeight adjustment), indicating related spacing work in the footer component.

Suggested labels

bug

Suggested reviewers

• chedieck

Poem

🐰 A hop, a skip, and spacing tweaks so neat,
The footer found its rhythm, now the layout's sweet,
Calculations shifted, height adjusted just right,
These CSS adjustments make the UI bright! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely summarizes the main change: fixing the footer overlap issue caused by the altpayment widget.
Description check	✅ Passed	The description includes all required template sections with adequate detail: related issue (#588), clear non-technical description of the fix, and a specific test plan.
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.}