fleet/frontend/pages/ManageControlsPage/OSSettings/_styles.scss
jacobshandling 3230a9aa54
UI – Only modify nav padding at low viewport width (#21005)
## Follow-up for #20395

Wider:
![Screenshot 2024-08-02 at 10 54
32 AM](https://github.com/user-attachments/assets/d9f66377-02e6-48be-bf3a-3cac94200379)

Narrower:
![Screenshot 2024-08-02 at 10 54
49 AM](https://github.com/user-attachments/assets/9ce7e525-2571-4f15-b29e-6da0f5fdce07)

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] Changes file added for user-visible changes in `changes/` -
covered by previous PR
- [x] Manual QA for all new/changed functionality

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2024-08-02 12:44:38 -07:00

26 lines
404 B
SCSS

.os-settings {
font-size: $x-small;
margin-top: $pad-xxlarge;
display: flex;
flex-direction: column;
gap: $pad-xxlarge;
&__description {
margin: 0;
}
&__side-nav {
.side-nav__nav-list {
top: 0;
}
}
.side-nav__card-container > .custom-settings {
max-width: none;
}
@media (max-width: 1120px) {
.side-nav__nav-list {
padding-right: 0;
}
}
}