fix: add right divider to listbox last column items

[cosmar26]

Motivation

Add a right divider to all the items of the last column.
Not adding it to all last items of each row, as in that case will be mis-aligned with the left dividers of previous items in the same column.
Resolves qlik-oss/sn-list-objects#233

Screenshot with latest fix:

Requirements checklist

• Api specification
  • Ran yarn spec
    • No changes OR API changes has been formally approved
• Unit/Component test coverage
• Correct PR title for the changes (fix, chore, feat)

When build and tests have passed:

• Add code reviewers, for example @qlik-oss/nebula-core

[T-Wizard]

This looks odd. I expect us to want it for all items that are last in there row. not just the very last item.
(In the image that would be X,Y,Z and not just Z)

[cosmar26]

This looks odd. I expect us to want it for all items that are last in there row. not just the very last item. (In the image that would be X,Y,Z and not just Z)

Right, will change this way. Edit: adding divider to the items of last column, see description

[veinfors]

This looks odd. I expect us to want it for all items that are last in there row. not just the very last item. (In the image that would be X,Y,Z and not just Z)

Right, will change this way. Edit: adding divider to the items of last column, see description

Can you update the image in the description to show how it looks like with that fixed as well?

[cosmar26]

Can you update the image in the description to show how it looks like with that fixed as well?

The image in the description is updated with the latest fix (so the X is not getting the divider, just the items of last column, Y and Z)

If I add a right border also to X, will look bad as below:

[veinfors]

Can you update the image in the description to show how it looks like with that fixed as well?

The image in the description is updated with the latest fix (so the X is not getting the divider, just the items of last column, Y and Z)

If I add a right border also to X, will look bad as below:

Okey... No, that doesn't look good either, I would expect it to look like this ⬆️, but being correctly aligned (the last cell should have the same width as the other cells in that column that is)

[cosmar26]

closing as it needs further alignment with UX