fix(TopBar): align lines

[ShGKme]

☑️ Resolves

• With the default line-height one-line is 1.5 height of font
• In a limited spaces and with different font sizes, it looks a bit not aligned for me
  • The gap between lines is higher than between line and bottom border
  • Small text may look too small
• Using normal (about 1.2) line height ensures that the text is not cut off but also has no extra height even with normal font-size

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before	🏡 After

🏁 Checklist

• 🌏 Tested with Chrome, Firefox and Safari or should not be risky to browser differences
• 🖥️ Tested with Desktop client or should not be risky for it
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[marcoambrosini]

I don't think this is ok for accessibility. Could check that?

[ShGKme]

I don't think this is ok for accessibility. Could check that?

With any solution it changes the top bar height, no matter what line height is set initially, if yuo mean this check.

[ShGKme]

Updated to normal font-size with normal line-height everywhere

[Antreesy]

On Linux (evaluates to 22px):

B	A

Diff:

[ShGKme]

• Changed normal to 1.2 to make sure, it's the same in all browsers and OSs.
• Removed --text-height to make min-height based on similar elements size

[Antreesy]

Call Container uses magic number 60 or close, need to be updated to the same value there too

[ShGKme]

Done in a hotfix

[Antreesy]

Ok, but I thought, we're going for variables)

[ShGKme]

I found it more complex and risky. CallView is used in different entrypoints and not directly related to TopBar

[ShGKme]

Follow-up: use CSS variables in call view