Explorer table content gets cut off on mobile screens

[Mahaboobunnisa123]

I was exploring the OpenCRE Explorer page on a mobile screen and noticed that the data table is very hard to use, most of the content gets cut off and there's no way to scroll horizontally to see the rest.

What I've Observed:
On desktop, the Explorer table looks great - all columns (Node, Root?, In, Out, Link Types) and their data are clearly visible.
But on mobile, the table content gets clipped at the screen edge.
The green Root badges and Link Type tags are not visible at all.
There is no horizontal scroll either, so users are completely stuck.

The table should either allow horizontal scrolling on small screens, or rearrange/stack columns for better mobile readability.
I would like to work on this if that's okay!

[Abhijeet2409]

Hi! I’d like to fix this issue. I’ll open a PR shortly.

[Abhijeet2409]

Hi! I tested this on a 375×667 mobile viewport (iPhone SE size), as mentioned in the issue. The whole table content appears to adapt correctly, so nothing seems clipped.
Regarding the root badges: the page explicitly shows “427 CRE nodes — 6 roots”, so the green root badge seems to appear only for nodes that are actually roots. This looks intentional.

[Mahaboobunnisa123]

Hi @Abhijeet2409! Thanks for looking into this.
I did test this thoroughly before opening the issue - I have screenshots showing the table content getting cut off on a 375×667 iPhone SE viewport in Chrome DevTools. The columns Node, Root?, In, Out and Link Types are visible as headers, but the actual row data (badges and values) overflow beyond the screen width with no horizontal scroll.
Regarding the root badge - yes, I agree it's intentional for showing root nodes! The concern is specifically about the table overflow on mobile, not the badge logic itself.
I am already working on a fix for this. Would appreciate if we can avoid duplicate PRs , I'll have it up soon!

[Mahaboobunnisa123]

@Abhijeet2409! I appreciate you testing this, but I'd request you to please check thoroughly before concluding that the issue doesn't exist. I tested this carefully before opening the issue and have clear screenshots as evidence, yes I've added the desktop UI for reference and I;ve already mentioned this " On desktop, the Explorer table looks great - all columns (Node, Root?, In, Out, Link Types) and their data are clearly visible. " The table overflow on mobile is a real bug - it may not show on all devices or zoom levels, but it is reproducible on iPhone SE 375×667 viewport. Happy contributing!

[Abhijeet2409]

Hi @Mahaboobunnisa123, thanks for looking into this and opening the PR. Appreciate the effort to improve the mobile experience of the Explorer page!