Column Width in List View


When I go to “My Tasks” I get a view similar to the screenshot in this comment - although I don’t have as many columns in the list. When I click on a task, the right panel shows me the task details. Ignoring the left menu, of the remaining real estate, the task list occupies about 60% of the screen width, and the task details panel at far right occupies about 40%. This doesn’t make sense to me. If I’ve clicked a task in a list, surely I want to see the task details. Further, the task details has far more text - and images - than simply the task name in a list and that amount of content needs more real estate - yet I cannot resize those panels to increase the width of the right hand panel.


I would really love to see this because there is just so much wasted space right now. I am all for responsiveness and adjusting the width / losing some visibility in those custom fields if working on a very small monitor, but most desktop users have 21" or larger monitors. Even then, Asana allows for expansion of the list view by hiding the side menu or not clicking into a task (and presenting the task detail pane), the actual list should be responsive as a result.

I’ve included some marked up screenshots to help explain the issue.

Anyways, just my opinion, but would sure make working within Asana a lot better and perhaps I would need to export everything to Excel less just to see the custom field data at a 30,000’ view.


has this been resolved yet? omg what is the point of tags if you can’t see them on list view???


Nope, not sure what plan is here from Asana dev team. I’ve implemented a workaround with a CSS extension for Chrome browser that lets me override the styling and take advantage of extra screen real estate.


Please develop functionality to adjust width of columns!


I would like to 2nd the sentiments in this thread. I understand the design choices you made and why, but the lack of flexibility for those of us with wider screens is just poor UX.

I have custom fields that I can’t read in list view and yet grey bars on either side of the window. I even tried hiding some of my custom fields. It didn’t repurpose the space for my custom field labels, it made the task name field wider. :neutral_face::expressionless::tired_face::cry::sob:

Please add this to your backlog if it is not already there.


Has there been any progress on having adjustable column widths for custom fields? I recently implemented a custom status field for my tasks, but I can only see the first few letters of the values and there seems to be no way to adjust them.


Just voted for this idea. Some people mentioned in this post that the width of custom FIELDS is also too small. There is a product improvement request for that idea too that I encourage everyone to go vote for. Here is the link:


Hello all -

I’m using Stylish plugin in Chrome, and using this little hack accomplished what you’re describing above:

/* Main Screen for project - make the task list full width - Words in CHROME with STYLISH Plugin : */
.PotListPage-gridPane {
flex: 0 1 100%;
min-width: 405px;

Note I only tested in Chrome. But it does make the default view of a project full width.



What is the name of the chrome plugin?


It’s called Stylus and then you need to add some CSS to get the look/feel you’re after.

For me that was mostly getting rid of blank / unused white space, improving the spacing in task list columns/headers so you can actually view values in custom fields and then some alternating colors for the task list rows to make everything stand out slightly better:


Hello Asana! @Alexis Is this a feature that will be implemented in the future? Not being able to adjust column widths is very frustrating.


Definitely frustrating. Adjusting column size seems like a table stakes feature for this type of program. And as nice as the Stylish plug in may be, I am not spending money on asana to have enhancements delivered by someone else.


Such a basic feature in ANY column-view software, you have to update this soon. Come on…