[Enhancement] Kirby Data Table Row Height

[jungloev]

• I have written a good issue

Describe the enhancement

Row heights are too high for 14px font and larger data tables.

Describe the solution you'd like

Row height is calculated by padding: 16px and line-height: 16px = 48px. Rows should be 44px to look good.

Reduce default padding to 4px 16px and set min-height to 44px. This would also allow visualy larger objects like toggle (32px height) to fit in table-rows without breaking the vertical rythm.

*min-height is already implemented in dropdown pop-overs

Have you considered any alternatives?

Are there any additional context?

---

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Refinement

• Request that the issue is UX refined; do not proceed until this is done.
• Request that the issue is tech refined; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

• Make sure you have read: "Before you get coding".
• Signal to others you are working on the issue by assigning yourself.
• Create a branch from the develop branch following our branch naming convention.
• Publish a WIP implementation to Github as a draft PR and ask for feedback.
• Make sure you have implemented tests following the guidelines in: "The good: Test".
• Update the cookbook with examples and showcases.

Review

Once the issue has been implemented and is ready for review:

• Do a self-review.
• Create a pull-request. If you created a draft PR during implementation you can just mark that as "ready for review".

[mark-drastrup]

Hi @jungloev :) Do we expect additional table row heights in the future? If so, then we will take that into account, so it will be easier to add additional height when needed :)