I came across this post after having the same issue. I used the CSS code that was provided in the comments below, but wanted to know how can you permanently set this? When I refreshed the page, it went back to the old coding.
Did you use Stylus or did you inserted the CSS in the Style Editor tab in the browser? In the second case the changes can’t survive a page refresh. The Stylus plugin is the way to save them permanently.
I have a workaround using bookmarklets for people who don’t want to install an extension. To use, drag the link below to your bookmark bar, then navigate to an Asana page and click it. It will change the styling in your currently open page.
How about for the desktop app?
I mean the functionality is clearly there because you can do it with the Dev Tools (click and drag the divider).
I’m surprised that this is not built in. Any advice or updates on this?