fleet/frontend/components/PlatformCompatibility
RachelElysia 2641d50320
Fleet UI: Fix platform compatibility styling (#19850)
## Issue
Cerra #19710 

## Description
- Remove 12px padding to the left of platform compatibility
- Refactor to `flex-wrap` so on small widths, the chrome platform
doesn't overflow past the section

## Code cleanup
- Remove redundant `<span/>`
- Refactor 12px gaps and 4px gaps to use flex `gap` instead of `padding`
- Refactor redundant code in `<PlatformCompatibility/>`



# Checklist for submitter

If some of the following don't apply, delete the relevant line.

<!-- Note that API documentation changes are now addressed by the
product design team. -->

- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2024-06-18 15:14:20 -07:00
..
_styles.scss Fleet UI: Fix platform compatibility styling (#19850) 2024-06-18 15:14:20 -07:00
index.ts Add ability to detect compatibility and update which hosts are checked for a policy (#4703) 2022-03-21 11:51:00 -05:00
PlatformCompatibility.tests.tsx Frontend: Unit tests /components directory, convert to svg icons (#8716) 2022-12-07 09:59:38 -08:00
PlatformCompatibility.tsx Fleet UI: Fix platform compatibility styling (#19850) 2024-06-18 15:14:20 -07:00