From 152beaffa88e3d91823f326ce617b27a74f888e9 Mon Sep 17 00:00:00 2001 From: umesh Date: Tue, 26 May 2026 17:51:09 +0530 Subject: [PATCH] Fixed the spacing between page heading and tabs. Fixed the readability issue on mobile devices for image and text sequence. --- src/wp-admin/css/about.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css index 721a98078f0d6..262809a204526 100644 --- a/src/wp-admin/css/about.css +++ b/src/wp-admin/css/about.css @@ -329,10 +329,21 @@ @media screen and (max-width: 600px) { .about__section.has-2-columns { - display: block; + display: flex; + flex-direction: column; margin-bottom: var(--gap); } + /* Make image containers appear first */ + .about__section.has-2-columns .column:has(.about__image) { + order: 2; + } + + /* Make text containers appear second */ + .about__section.has-2-columns .column:not(:has(.about__image)) { + order: 1; + } + .about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) { padding-top: calc(var(--gap) / 2); padding-bottom: calc(var(--gap) / 2); @@ -685,7 +696,6 @@ display: flex; flex-wrap: wrap; justify-content: space-between; - padding-top: 0; margin-bottom: var(--gap); background: var(--nav-background); color: var(--nav-color);