mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
3dab32657c
## Summary - Reduces h2 `font-size` from `$medium` (1.25rem / 20px) to `$small` (1rem / 16px) across 6 component stylesheets in the Fleet UI frontend. - set side-nav__container to `align-items` `flex-start` so it's consistent in **Controls** and **Admin** pages with same layout. ## QA - Verify h2 headings render at 16px (1rem) across the affected pages: - Section headers (global component) - Host query report table - Device user "Setting up your device" page - Windows automatic enrollment settings page - Software vulnerability details page - Software title details edit icon modal --- Built for [Mel](https://fleetdm.slack.com/archives/D0AKX7DJFCN/p1775487801759869) by [Kilo for Slack](https://kilo.ai/features/slack-integration) --------- Co-authored-by: kiloconnect[bot] <240665456+kiloconnect[bot]@users.noreply.github.com> Co-authored-by: melpike <melpike.dev@gmail.com> Co-authored-by: melpike <79950145+melpike@users.noreply.github.com>
31 lines
456 B
SCSS
31 lines
456 B
SCSS
.section-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
&__left-header {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: $pad-small;
|
|
|
|
&--vertical {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
&__sub-title {
|
|
&--grey {
|
|
font-size: $x-small;
|
|
@include grey-text;
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
font-size: $small;
|
|
width: 100%;
|
|
}
|
|
|
|
// GOAL: rely on gap instead of these bottom margins
|
|
&__no-margin {
|
|
margin: 0;
|
|
}
|
|
}
|