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>
This commit is contained in:
jacobshandling 2024-08-02 12:44:38 -07:00 committed by GitHub
parent b29470913a
commit 3230a9aa54
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -12,11 +12,15 @@
&__side-nav {
.side-nav__nav-list {
top: 0;
padding-right: 40px;
}
}
.side-nav__card-container > .custom-settings {
max-width: none;
}
@media (max-width: 1120px) {
.side-nav__nav-list {
padding-right: 0;
}
}
}