Debug mode tooltip gets clipped on small mobile screens

[Abhijeet2409]

Problem

On smaller mobile screen widths, the tooltip for the Debug mode (?) icon in the Explorer page can overflow the viewport and become partially clipped. This makes the tooltip difficult to read on smaller devices.

Steps to Reproduce

1. Open the OpenCRE Explorer page
2. Switch to a small screen/mobile viewport (around ~360px width or smaller)
3. Hover over the (?) icon next to "Debug mode"

Observed Behavior

The tooltip container extends beyond the viewport and part of the content becomes clipped.

Expected Behavior

The tooltip should remain fully visible within the viewport on small screens.

Screenshot

[rashmivemuri]

Hi! I'd like to work on this issue. I've been contributing to OpenCRE and have a little experience with frontend fixes. I'll look into the tooltip positioning and submit a PR soon!