Make the website responsive so it has good layout on phones
A
Andy Edwards
The layout of the website on mobile is so broken that it seems like no one cares about the mobile experience.
I check build failures all the time on my phone but it can be really difficult to work with various portions of the UI like looking at step logs.
The logs should have a minimum width and horizontal scrolling, and the padding for desktop takes up way too much space on small screens. There are like 5 separate levels of padding between the edges of the screen and the log output, leaving around 20 characters per line which causes catastrophic wrapping.
Step titles also get wrapped so badly that they take up half the screen height because most of the horizontal space is taken up my icons and duration. Either flex-wrap the icon buttons to a second line, or collapse them into a single menu button on small screens.
On a small screen the step headers should occupy the full screen width instead of being inside two levels of padding.
I was trying to create a personal API token on my phone to connect a 3rd party iPhone app with better UX, the API tokens UI is also really mangled on mobile. Table cells too narrow, dialogs wider than the screen. (unfortunately the iPhone app isn’t working, it seems like the PAT format has changed)