Spacing and organisation of headers on tables

[ekidneyrh]

Is your enhancement related to a problem? Please describe

For the most part, the tables on the various pages are quite similar, with similar headings, yet the spacing of each column it varies depending on which page you're on.

When switching between pages it can get confusing and takes time for the eyes to readjust.

Describe the solution you'd like

It would be great to have the headers spaced out evenly across all the pages. Some names are longer than other, but I'd have them on the same cut-off point. Having the headings in the same order and the variables in the same slot would be great too E.g.:

The heading on each table to read:

| STATUS | NAME | ENVIRONMENT | [VARIABLE] | AGE | ACTIONS

The variables atm are:

Containers page → IMAGES

Pods page → CONTAINERS

Images page → SIZE

Volumes page → SIZE

Describe alternatives you've considered

No response

Additional context

No response

[deboer-tim]

I gave this a quick try by making three changes:

1. Move Age column to the right in Images and Volumes.
2. Make Name '2fr' and all other columns default ('1fr').
3. Reduce Actions column by 20px to consistent 130px. (reducing wasn't strictly necessary, but Volume Actions was default 1fr before)

The problem with 1 is that Size is right aligned, so you end up with this:

We could increase the spacing between all columns (or get super fancy and make spacing dependent on alignment or something), but both columns were more readable and pretty the other way around.

The problem with 2 is that columns that need more space like Containers > Images are unreadable when the window is narrow:

I needed to make the window about 1400px wide in other to read it.

When we get to Kubernetes there are pages that will have a different number of columns as well.

I'm happy to take more screenshots, put this in a draft PR so others can try, or screenshare, but this is feeling like we're losing more in usability than we gain in consistency.