From 683fffac83f000fef4de0105be64c1c9f206a4a1 Mon Sep 17 00:00:00 2001
From: khushalsains <kingofthrones40@gmail.com>
Date: Wed, 20 May 2026 09:05:01 +0530
Subject: [PATCH 1/2] fix: adjust grid layout for filters

Refactor the grid layout for media attachment filters to improve
alignment and responsiveness. This change ensures that the labels
and select elements are properly positioned within the media frame.
---
 src/wp-includes/css/media-views.css | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
index 0feac6b178d7f..2721925d327a8 100644
--- a/src/wp-includes/css/media-views.css
+++ b/src/wp-includes/css/media-views.css
@@ -348,21 +348,29 @@
 	align-items: end;
 }
 
-label[for="media-attachment-filters"] { 
-	grid-area: 1 / 1 / 2 / 2; 
+label[for="media-attachment-filters"] {
+	grid-area: 1 / 1 / 2 / 2;
 }
 
-select#media-attachment-filters { 
-	grid-area: 2 / 1 / 3 / 2; 
+select#media-attachment-filters {
+	grid-area: 2 / 1 / 3 / 2;
 }
 
-label[for="media-attachment-date-filters"] { 
-	grid-area: 1 / 2 / 2 / 3; 
+label[for="media-attachment-date-filters"] {
+	grid-area: 1 / 1 / 2 / 2;
 }
 
-select#media-attachment-date-filters { 
-	grid-area: 2 / 2 / 3 / 3; 
-} 
+select#media-attachment-date-filters {
+	grid-area: 2 / 1 / 3 / 2;
+}
+
+select#media-attachment-filters ~ label[for="media-attachment-date-filters"] {
+	grid-area: 1 / 2 / 2 / 3;
+}
+
+select#media-attachment-filters ~ select#media-attachment-date-filters {
+	grid-area: 2 / 2 / 3 / 3;
+}
 
 .media-toolbar-primary > .media-button,
 .media-toolbar-primary > .media-button-group {

From eaba4e673c73ff1f51dc63f4ea4eb0228fd71992 Mon Sep 17 00:00:00 2001
From: khushalsains <kingofthrones40@gmail.com>
Date: Wed, 20 May 2026 14:47:35 +0530
Subject: [PATCH 2/2] fix: media date filter alignment when type filter is
 hidden

---
 src/wp-includes/css/media-views.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
index 2721925d327a8..b126b9b0c66be 100644
--- a/src/wp-includes/css/media-views.css
+++ b/src/wp-includes/css/media-views.css
@@ -372,6 +372,11 @@ select#media-attachment-filters ~ select#media-attachment-date-filters {
 	grid-area: 2 / 2 / 3 / 3;
 }
 
+.attachments-browser .media-toolbar-secondary:has(#media-attachment-date-filters):not(:has(#media-attachment-filters)) {
+	display: block;
+}
+
+
 .media-toolbar-primary > .media-button,
 .media-toolbar-primary > .media-button-group {
 	margin-left: 10px;