Platform: Mobile, iOS, Desktop
App version number, if a mobile app issue:
Browser, if a website issue: Safari, Firefox
URLs (aka web addresses) of any relevant observations or pages:
Screenshots of what you are seeing:
Is there any way to remove this mobile view and revert back to the previous iNat browser mobile view? I did prefer that layout. Additionally, I’ve noticed scaling problems with the DQA box on Desktop which I attribute to this issue as well.
The “Compare” box is now squarely in the middle of some comments on desktop version, not even when scaled to a narrower size than the maximum screen width. This is an undesirable placement and breaks the formatting I am used to navigating.
EDIT: Short comments in particular are shunted to the right, and the “Compare” box pops up in the centre, which is not useful. Even brief remarks should be placed normally as before. For example:
I’m guessing this is going to be fixed soon but having similar issues on a Chromium browser, mostly text being in the wrong spots and scaled incorrectly.
I came here to make the same post. This layout is borderline unusable on mobile.
I know it’s frustrating, but this seems to me almost certainly to be unintentional, so probably best to wait for staff to chime in now that the issue has been made aware of
I have these issues on Safari and iPhone SE.
This pull request that was started 3 weeks ago, and pushed to the website today is what is causing all the rendering bugs.
https://github.com/inaturalist/inaturalist/pull/4958
The developers update the observation detail to make the layout responsive (the layout changes according the size of the browser). Making the site more responsive is a good thing. Unfortunately the dev team didn’t thoroughly test the changes in enough browsers to catch all the bugs.
pleary left a comment in the pull request
Overall though, this looks like a great improvement over what’s in production for the responsive test, and as far as I can tell this is ready to put in front of users.
I’ve worked as a software developer on very small teams, so I understand it is impossible for small dev teams to catch all the bugs when changes are made. When I worked at a small software consultancy, we had other people in the company (project managers, clients, developers who not involved in the pull request, non-developers) test the changes in staging before we pushed the changes to the live site. We wanted to catch bugs internally on staging before the we put the changes on the live site in front of real users.
Did anyone besides sundisc and pleary test the changes on the observation details page in staging before pushing the changes to the live site?
I havemt had many bugs with the change, though I’d prefer to have the option to stick with the old version.
Another example: Website (MacOS 26.5.1; Chrome Version 150.0.7871.115). I added a concurring ID but then clicked “Edit” to add a comment and got the following rendering:
This rendering issue is recurring when the same steps are taken on any observation: Agree, then Edit.
I came here to voice the same concerns. The new page view on Android: Chrome (I noticed the change this morning) is unsettling and difficult to use. Also, since maybe a couple of weeks ago, I have noted that the Search Bar on the home page has been reduced in size for some reason. Earlier, one could type a whole taxon name in the bar and it would be visible. Ever since the bar was reduced in size, barely a few letters are visible and it isn’t ideal. But that was still okay and manageable. I hope we can revert back to the old page view soon, as it was more or less perfect 
I’m seeing this too on Firefox, as well as this:
Currently, I cannot find the search box at all on the mobile phone. I have to switch the browser to the Desktop mode to reveal it.
Thanks for the reports, everyone. We’re looking into it.
