mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
2641d50320
## 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>
19 lines
253 B
SCSS
19 lines
253 B
SCSS
.platform-compatibility {
|
|
display: flex;
|
|
font-size: $x-small;
|
|
align-items: center;
|
|
gap: 12px;
|
|
flex-wrap: wrap;
|
|
|
|
b,
|
|
svg,
|
|
span {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.platform {
|
|
display: flex;
|
|
gap: $pad-xsmall;
|
|
}
|
|
}
|