Fix: Info icon distortion

[Roniscend]

Description (required)

Fixes #6699
Wrapped FABs in a vertical LinearLayout to fix icon distortion and alignment issues in landscape mode.

Tested 6.3.0-debug on Pixel 9 (Android 16)

Screenshots (for UI changes only)

[Copilot]

Pull request overview

This PR refactors the Nearby map UI layout to group the “recenter” and “legend” FloatingActionButtons into a single vertically-stacked container, simplifying positioning and spacing within the parent RelativeLayout.

Changes:

• Removed individually-positioned fab_recenter / fab_legend definitions.
• Reintroduced those FABs inside a new vertical LinearLayout aligned to the end of the map area.
• Updated margins/spacing by moving common positioning to the container.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[github-actions]

✅ Generated APK variants!

• 🤖 Download prodDebugAPK
• 🤖 Download betaDebugAPK

[RitikaPahwa4444]

We have FABs nested inside a LinearLayout and not CoordinatorLayout explicitly used as mentioned in the PR description. Is this understanding correct?

[Roniscend]

We have FABs nested inside a LinearLayout and not CoordinatorLayout explicitly used as mentioned in the PR description. Is this understanding correct?

Yes, you are absolutely correct, and I have updated the PR description to reflect the use of LinearLayout.

[RitikaPahwa4444]

I'll test it in some time, although I'm expecting linear layout to fix the issue :)

[Roniscend]

I'll test it in some time, although I'm expecting linear layout to fix the issue :)

Sure , Thanks :)

[RitikaPahwa4444]

By the way, curious to know about the other approach you'd mentioned: did you try anchoring as well?

[Roniscend]

By the way, curious to know about the other approach you'd mentioned: did you try anchoring as well?

It was not working properly hence the other approach

[Akul-Tyagi]

Review by GSoC Applicant

I reproduced the issue from main on my device by increasing system font size (largest setting), navigating to Nearby, and rotating to landscape.
Result before this PR: the info (i) FAB appears visually distorted / non-circular.

Before applying changes:

Screen_Recording_20260319_215515_Commons.mp4

I then pulled this PR branch (Fix-icon), built the betaDebug variant, and tested with the exact same steps.
Result after this PR: the info FAB keeps its circular shape, and alignment between the recenter and info FABs is consistent in landscape.

After applying changes:

Screen_Recording_20260319_215612_Commons.mp4

What I checked:

• Landscape with large font (repro condition)
• Return to portrait behavior
• Tap behavior/hitboxes of both FABs (recenter + legend/info)

The reported issue is resolved with this PR. ✅