#182: Resize parcels table column width

kaydentsoftwire commented 1 month ago

What's changed

Parcel table column widths are adjusted - full name and status columns proportionally larger, accounting for a smaller screen, and ensuring that the icon column shrinks on a smaller screen

Screenshots / Videos

Before	After

Checklist

[x] The ticket is up-to-date - Please document any deviations from the original approach if there is any.
[x] I have documented the testing steps for QA
[x] I have self-reviewed this PR
[x] Make sure you've verified it works via npm run dev
[x] Make sure you've verified it works via npm run build and npm run start
[x] Make sure you've fixed all linting problems with npm run lint_fix
[x] Make sure you've tested via npm run test:e2e

8kristy commented 1 month ago

It is quite stretched out on the big screen but I don't think we should shrink the smaller columns even more - think it would look a bit silly if we squeezed everything on the left and then had a massive status column. One thing that bothers me is how Postcode and Method are very close together - is it possible to separate them, or somehow distribute the columns evenly?

Maybe also give postcode a little bit more room - the longer ones start wrapping around 1220px width

Otherwise looks really good 😊

kaydentsoftwire commented 1 month ago

Made the adjustments to the postcode column, so it now looks like this on a larger screen.

And this on a smaller screen (no wrapping on postcode):

NorwoodAndBrixtonFoodbank / nbf-website