[ECO Bounty] QuickSilver Sign-In Modal – Text Clipping & Layout Alignment Issues

1. Issue Summary

The sign-in modal on mobile viewports exhibits vertical text clipping and layout overflow issues in two distinct areas:

1. Header Title: The "QuickSilver" brand text in the top navigation pill appears vertically misaligned or clipped at the baseline.

2. Footer Legal Text: The disclaimer text containing "Terms of Service" and "Privacy Policy" links is partially obscured or uncomfortably close to the viewport edge, risking readability and tap-target accessibility.

2. Steps to Reproduce

1. Open QuickSilver web application on a mobile device.

2. Navigate to the Sign-In/Authentication screen.

3. Observe the header pill containing the "QuickSilver" logo and text.

4. Scroll to or observe the bottom of the modal where the legal disclaimer text is displayed.

3. Actual Result

• Header Issue: The "QuickSilver" text within the top pill-shaped container (header) appears to sit too low, with potential descenders (if any) or bottom padding being clipped by the container boundary.

• Footer Issue: The legal text string "By signing in, you agree to our Terms of Service and Privacy Policy" is positioned extremely close to the bottom edge of the modal/viewport. The orange arrow indicates the "Terms of Service" hyperlink appears to have inadequate bottom padding, risking text clipping on devices with different safe-area insets or font scaling.

4. Expected Result

• Header: Text should be perfectly vertically centered within the pill container with equal padding top and bottom (approx. 8-12px).

• Footer: Legal disclaimer text should have sufficient bottom margin/padding (minimum 16-20px) to avoid clipping and ensure the hyperlinks are easily tappable without interference from system navigation gestures (home bar).

Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

Device & Environment:

-Operating system: Android 13

-Device model: Redmi Note 10 Pro