Style of file list

[jennalandy]

Suggestions for style changes to file list

• Add file path to each line
• Change trash icon for deleting changes. consider material design undo (https://www.materialui.co/icon/undo)
• Consistent margins
• Right align track/untrack/stage/unstage/delete buttons

[ellisonbg]

VS Code does a good job of showing all the relevant information in the list of changed files.

[weihwang]

Proposed changes to file list for commit:
https://www.figma.com/file/UyNpeQNuTj6Uv74MoEJDh3ji/Git-extension?node-id=606%3A2205

• margin
• right-aligned actions
• right-aligned status for consistency with file browser view

[weihwang]

@jaipreet-s this is the closest issue for the right-align icon actions.

[tgeorgeux]

The only issue I see here as of now is the red doesn't show up great in dark view. Any thoughts on that? (To clarify I mean the text, not the icon.

[weihwang]

I think we can find a color for red that is visible on both. As an alternative we can rely on the strikethrough styling too. I'll test this out.

[jaipreet-s]

@weihwang thanks! Tagging this to the 0.5 release.

[fcollonval]

Closing this issue as the styles in 0.10.0 fit this proposal.