From 7a05f63a8e3ae3521442e86806a6ed111f982de2 Mon Sep 17 00:00:00 2001
From: Ayush khatri <ayushkhatri773@gmail.com>
Date: Sat, 23 Nov 2024 15:47:53 +0530
Subject: [PATCH] Fixed #35925 -- Added CSS gap for FilteredSelectMultiple
 filter icon.

---
 django/contrib/admin/static/admin/css/responsive.css     | 4 ----
 django/contrib/admin/static/admin/css/responsive_rtl.css | 5 -----
 django/contrib/admin/static/admin/css/widgets.css        | 6 +-----
 3 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/django/contrib/admin/static/admin/css/responsive.css b/django/contrib/admin/static/admin/css/responsive.css
index 9896d5ece286..80ae6eb2e10a 100644
--- a/django/contrib/admin/static/admin/css/responsive.css
+++ b/django/contrib/admin/static/admin/css/responsive.css
@@ -254,10 +254,6 @@ input[type="submit"], button {
         align-items: center;
     }
 
-    .selector .selector-filter label {
-        margin: 0 8px 0 0;
-    }
-
     .selector .selector-filter input {
         width: 100%;
         min-height: 0;
diff --git a/django/contrib/admin/static/admin/css/responsive_rtl.css b/django/contrib/admin/static/admin/css/responsive_rtl.css
index fca899659512..83380ab69d68 100644
--- a/django/contrib/admin/static/admin/css/responsive_rtl.css
+++ b/django/contrib/admin/static/admin/css/responsive_rtl.css
@@ -34,11 +34,6 @@
         background-position: calc(100% - 8px) 9px;
     }
 
-    [dir="rtl"] .selector .selector-filter label {
-        margin-right: 0;
-        margin-left: 8px;
-    }
-
     [dir="rtl"] .object-tools li {
         float: right;
     }
diff --git a/django/contrib/admin/static/admin/css/widgets.css b/django/contrib/admin/static/admin/css/widgets.css
index d3ccb24e57b7..2784cb4b82e0 100644
--- a/django/contrib/admin/static/admin/css/widgets.css
+++ b/django/contrib/admin/static/admin/css/widgets.css
@@ -68,6 +68,7 @@
     margin: 0;
     text-align: left;
     display: flex;
+    gap: 8px;
 }
 
 .selector .selector-filter label,
@@ -86,11 +87,6 @@
     flex-grow: 1;
 }
 
-.selector .selector-available input,
-.selector .selector-chosen input {
-    margin-left: 8px;
-}
-
 .selector ul.selector-chooser {
     align-self: center;
     width: 30px;