I also think the border color clashes with the red - probably a dark mode oversight

Please add your planning poker estimate with ZenHub @Kira-Pilot

As mentioned in Slack, the alternative to the space-between is making wide buttons

@vapurrmaid I am planning to pick this up. Do we have the requirements finalized for this, or should I just try to make it nicer?

@AbhineetJain I have some ideas, I will add a Figma mock here in a few minutes.

Thank you, @BrunoQuaresma! 🙌

I think we could do:

Figma link: https://www.figma.com/file/YIGBkXUcnRGz2ZKNmLaJQf/Coder-v2-Design?node-id=297%3A535

Confirmation:

• We can keep the same size of things
• The background is theme.palette.background.paper
• It has a border theme.palette.divider
• The text is using the secondary color, theme.palette.text.secondary
• The radius is 2px, theme.shape.radius I guess...
• We can use the regular outlined button for secondary action as we have for the forms, and a red one for the main action. We can use the current red we are using.

Snackbar:

• We can keep the same size of things
• The background is theme.palette.background.paper
• It has a border theme.palette.divider
• The radius is 2px, theme.shape.radius I guess...
• The text is using the secondary color, theme.palette.text.secondary
• We can use on the left border the current red we have.

Please, let me know if you have any questions or need me to give you permission to Figma.

@AbhineetJain also feel free to suggest/implement any changes you think could make it better 😄

@BrunoQuaresma These look great, thank you so much. Let me try implementing this and see if I can try a few other things around for design.