Short term fix for input field styles

[jkaltoft]

Which issue does this PR close?

This PR closes #2301

What is the new behavior?

Fixes visual bug: Mask/placeholder and input text has wrong position (size md)

At unchanged base font size there should be no visual changes. Otherwise improvement by scaling sizes properly relative to base font size.

Does this PR introduce a breaking change?

• Yes
• No

But UX review should try to verify that there are no visual regressions introduced.

Are there any additional context?

Before

After

Checklist:

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

Reminders

• Make sure you have implemented tests following the guidelines in: "The good: Test".
• Make sure you have updated the cookbook with examples and showcases (for bug fixes, enhancements & new components).

Review

• Do a self-review.
• Request that the changes are code-reviewed
• Request that the changes are UX reviewed (only necessary if your PR introduces visual changes)

When the pull request has been approved it will be merged to develop by Team Kirby.

[RasmusKjeldgaard]

I think the changes are good, as they fix the issue. I am a bit concerned that it will be a long time before we have the size refactoring in place, and until then these changes does not really make sense on their own, as we are breaking away from our existing tokens.

[jkaltoft]

I think the changes are good, as they fix the issue. I am a bit concerned that it will be a long time before we have the size refactoring in place, and until then these changes does not really make sense on their own, as we are breaking away from our existing tokens.

I agree. I'm also a bit concerned. On the other hand, this is a "web/desktop ready" related thing, and as far as I know that is still a high priority epic.

I suggest we push for getting #2313 prioritized and refined.