Nico
|
7e438f1303
|
Fix 'rolling' alignment on host vitals and key-value pairs alignment on Certificate details modal (#41124)
<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #40641 & Resolves #40287
`line-height: initial` on TooltipWrapper's inner element resets to the
browser default, causing vertical misalignment when rendered alongside
other content.
Scoping `line-height: inherit` to the affected contexts fixes this
without changing the shared component.
# Checklist for submitter
- [x] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
See [Changes
files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files)
for more information.
## Testing
- [x] QA'd all new/changed functionality manually
### Before
<img width="230" height="91" alt="Screenshot 2026-03-06 at 12 04 58 PM"
src="https://github.com/user-attachments/assets/a34b7b5f-f254-4837-8c99-d05ad27ab4cf"
/>
<img width="863" height="1044" alt="Screenshot 2026-03-06 at 12 04
40 PM"
src="https://github.com/user-attachments/assets/21e71762-aab6-4a04-bf46-d369151b55da"
/>
### After
<img width="145" height="60" alt="Screenshot 2026-03-06 at 11 55 45 AM"
src="https://github.com/user-attachments/assets/41fd66dc-c9aa-4420-81c5-64d3fe5463b2"
/>
<img width="713" height="840" alt="Screenshot 2026-03-06 at 12 23 25 PM"
src="https://github.com/user-attachments/assets/fb5f405f-6f94-47e9-8519-34c46934ea80"
/>
|
2026-03-06 14:02:51 -03:00 |
|