From 3230a9aa543d19fc2d74347230659e4ddbd0981a Mon Sep 17 00:00:00 2001 From: jacobshandling <61553566+jacobshandling@users.noreply.github.com> Date: Fri, 2 Aug 2024 12:44:38 -0700 Subject: [PATCH] =?UTF-8?q?UI=20=E2=80=93=20Only=20modify=20nav=20padding?= =?UTF-8?q?=20at=20low=20viewport=20width=20(#21005)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## 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. - [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 --- frontend/pages/ManageControlsPage/OSSettings/_styles.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/frontend/pages/ManageControlsPage/OSSettings/_styles.scss b/frontend/pages/ManageControlsPage/OSSettings/_styles.scss index b9c2bf11a5..37228609c6 100644 --- a/frontend/pages/ManageControlsPage/OSSettings/_styles.scss +++ b/frontend/pages/ManageControlsPage/OSSettings/_styles.scss @@ -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; + } + } }