From cbe6030424bb584b9717811e593f216436add6e3 Mon Sep 17 00:00:00 2001 From: Darshan Paccha Date: Wed, 27 May 2026 14:09:11 +0530 Subject: [PATCH 1/8] fix(account-settings): restore responsiveness in notice card and page (@d1rshan) (#8016) --- frontend/src/styles/media-queries-blue.scss | 16 ++++++++++++++++ .../ts/components/pages/settings/Settings.tsx | 4 ++-- 2 files changed, 18 insertions(+), 2 deletions(-) diff --git a/frontend/src/styles/media-queries-blue.scss b/frontend/src/styles/media-queries-blue.scss index b5b06f5b9747..4b6f11b520c9 100644 --- a/frontend/src/styles/media-queries-blue.scss +++ b/frontend/src/styles/media-queries-blue.scss @@ -39,6 +39,22 @@ } } + .pageAccountSettings { + .main { + grid-template-columns: 1fr; + grid-template-rows: auto auto; + .tabs { + padding: 0; + display: grid; + grid-auto-flow: row; + button { + justify-content: center; + padding: 1em 0.5em; + } + } + } + } + .pageFriends { .content .friends table, .content .pendingRequests table { diff --git a/frontend/src/ts/components/pages/settings/Settings.tsx b/frontend/src/ts/components/pages/settings/Settings.tsx index 60b77f96cb5d..99b4f006ea9f 100644 --- a/frontend/src/ts/components/pages/settings/Settings.tsx +++ b/frontend/src/ts/components/pages/settings/Settings.tsx @@ -265,7 +265,7 @@ function AccountSettingsNotice(): JSXElement { }); return ( -
+
Account settings have moved. You can now access them by hovering over @@ -275,7 +275,7 @@ function AccountSettingsNotice(): JSXElement {