fix(ui): reserved ranges layout

[petermakowski]

Done

• update reserved ranges layout
  • update edit form layout to fin in a row
  • update label to “comment” to be consistent with the API
  • fix table widths using flex (width was ignored)
  • edit form displays in a single column (current limitation of the MainTable component)

Screenshots

before

after

before

after

QA

MAAS deployment

To run this branch you will need access to one of the following MAAS deployments:

• Karura
• Bolla
• A development MAAS
• A local snap MAAS (this will not usually have machines)

Running the branch

You can run this branch by:

• Serving with dotrun
• Building in a development MAAS

QA steps

• Go to a subnet view with reserved ranges
• verify reserved ranges table is displayed correctly

Fixes

Fixes: # .

Launchpad issue

Related Launchpad maas issue in the form lp#number.

Backports

In general, please propose fixes against master rather than release branches (e.g. 2.7), unless the fix is only applicable for that specific release. Please apply backport labels to the PR (e.g. "Backport 2.7") for the appropriate releases to target.

Only bug and security fixes should be backported, new features should only land in master.

[petermakowski]

This is to allow text wrapping in the responsive table variant.

[steverydz]

LGTM 👍