Manual steps logging page styling

[NathanMoes]

[NathanMoes]

note the tabs on the bottom are only beacuse its in browers thinking its android, if normal its still the nav bar at top

[NathanMoes]

[xuvea]

Would it be possible to set a max width for it so that there isn't a large empty space on the right of the steps?

[NathanMoes]

Would it be possible to set a max width for it so that there isn't a large empty space on the right of the steps?

This look better? Only other thing that I can do is decrease overall size for the card overall. But I Don't think it will look good if its much smaller on big screens or also

[xuvea]

The original looks better I think, it lined up better with the buttons and text.

[bailee-crandley]

I was just reading an article this morning on table ui design and one of the thing it said is that number should be right-aligned and monospace if you can so that user's can easily see the scope of the number. For example, 100000 has 6 digits while 1000000 has 7 digits. Also I think we want the column headers to be lined up with the data. https://medium.com/design-with-figma/the-ultimate-guide-to-designing-data-tables-7db29713a85a

[NathanMoes]

[xuvea]

Looks great!