Mobile app icon spacing

aussie1497 · April 14, 2023, 7:50am

I’m one of my dashboards I have several tabs and icon spacing makes it a bit strange on mobile.

ID for it loads with arrows as if there were more items. But when you press them you’ll see that everything fits within the width.

It’s a bit strange but terribly annoying

tom_l · April 14, 2023, 11:34am

It is a known issue.

github.com/home-assistant/frontend

Hard or soft reloading of the page adds two arrows to the header.

opened 01:56PM - 06 Apr 23 UTC

Petro31

### Checklist - [X] I have updated to the latest available Home Assistant versi…on. - [X] I have cleared the cache of my browser. - [X] I have tried a different browser to see if it is related to my browser. ### Describe the issue you are experiencing I have 1 view included on my header, i.e. 1 icon. Therefore there is no need for left/right navigation arrows. Clearing cache & reloading the page creates 2 arrows on the header. Reloading the page does the same thing. Clicking on the arrow makes them go away. Clearing cache and reloading the page brings them back. Same with a quick reload. ### Describe the behavior you expected The arrows should only appear if you have more then the screen allows. ### Steps to reproduce the issue 1. Make a single view dashboard with a single icon and no name. 2. Reload the dashboard. 3. Arrows appear. ### What version of Home Assistant Core has the issue? 2023.4 ### What was the last working version of Home Assistant Core? 2023.3 ### In which browser are you experiencing the issue with? All. ### Which operating system are you using to run this browser? Windows, iOS, Android. Have not checked macOS. ### State of relevant entities _No response_ ### Problem-relevant frontend configuration _No response_ ### Javascript errors shown in your browser console/inspector _No response_ ### Additional information _No response_