App panel header not using spacing well

[hatched]

There is a lot of white space and truncated names where they don't need to be. In practice the design layout doesn't quite work out as the 'notes' column can be empty the majority of the time. So the notes column should be optional in the markup and only truncate the columns if absolutely necessary.

Design:
https://app.zeplin.io/project/5ecfe59401aaac4836596dd0/screen/5f2291a0f8c53d80f05e5af7

[ziheliu214]

no app panel anymore yay