Problems with new 'Recent Observations' previews in projects

Platform: Website

Browser, if a website issue: Chrome

URLs (aka web addresses) of any relevant observations or pages: e.g. https://www.inaturalist.org/projects/australian-orthopteroids but all my projects display the same behaviour

I’m not sure exactly when it was implemented but I’ve just noticed the new larger ‘Recent Observations’ previews at the bottom of the pages for individual projects:

I really like the new layout with larger previews, but there seem to be a couple of bugs. Most obviously, the “Inappropriate content? Flag As Inappropriate” text overlaps the observations and is difficult to see. There are also some problems with the where you can actually click on the observations though. The entire central section of the previews (except the very far left and right) cannot be clicked on to look at the observations, including the majority of the section that displays the zoom icon. Approximately this section is not clickable:

I suspect it probably is due to the same issue as the text so hopefully it can be easily fixed.

Two more things that are (probably) not bugs but are not particularly helpful - firstly, it is very annoying that the left and right arrows only scroll through a single observation at a time. It feels very slow and unweildy compared to the previous layout, where it would scroll through seven observations at a time so that the entire section would be changed. Secondly, not actually an issue but it looks unintended - the “Recent Observations” text starts right on the edge of the screen with essentially no margin. Seems a bit odd and does not mesh with the rest of the site layout so I am wondering if it is from the same underlying issue.

I’m seeing the same layout problems with my collection project Salton Drive Biodiversity.
Chrome Version 151.0.7922.138, MacOS Tahoe 26.5.1

Platform: Website

App version number, if a mobile app issue: n/a

Browser, if a website issue: Brave on Linux

URLs (aka web addresses) of any relevant observations or pages: Any collection project e.g. https://www.inaturalist.org/projects/montagu-leidam-leiwater-dam

Screenshots of what you are seeing:

Description of problem:

Step 1: Open any collection project

Step 2: On the Overview tab, the carousel text and images are enlarged, and interfere with the text that’s usually underneath them. Also the right arrow doesn’t work properly and only advances a partial picture. The left arrow seems fine.

Step 3: Not a major issue in the great tapestry of life! But is a new quirk and might be indicative of other styling issues.

[moved to earlier bug report from today]

Thank you! I looked for a bug report, but we used different terms so I didn’t pick it up.

Thanks for reporting this! It was an unintentional component leak and we’ve returned it to its previous functionality.

@tiwane Just a heads-up that Dustin does not yet have the User Title of “iNaturalist Staff”

https://www.inaturalist.org/pages/team

Thanks everyone, all back to normal now :D