From 0f9ee3edb9aeb53d167f4925b84cfbdd3f193d0a Mon Sep 17 00:00:00 2001
From: Bartek <xbartoszdobija@gmail.com>
Date: Wed, 30 Sep 2026 11:25:37 +0200
Subject: [PATCH] Match the combobox search font to the items and space it
 evenly

The search field now uses the font size of the items under it, and the
space around it comes from two variables: combobox-search-gap for the top
and bottom, and combobox-search-gap-x for the sides.
---
 core/scss/_variables.scss         | 2 ++
 core/scss/ui/forms/_combobox.scss | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss
index bce62c131..69b7a49a3 100644
--- a/core/scss/_variables.scss
+++ b/core/scss/_variables.scss
@@ -1406,6 +1406,8 @@ $dropdown-header-padding-y: $dropdown-padding-y !default;
 $dropdown-max-width: 25rem !default;
 $dropdown-scrollable-height: 13rem !default;
 $combobox-menu-max-height: 300px !default;
+$combobox-search-gap: 0.375rem !default;
+$combobox-search-gap-x: 0.5rem !default;
 $dropdown-item-gap: 0.5rem !default;
 $dropdown-header-padding-bottom: 0.25rem !default;
 $dropdown-menu-columns-gap: 0.25rem !default;
diff --git a/core/scss/ui/forms/_combobox.scss b/core/scss/ui/forms/_combobox.scss
index 3165cd16b..714119f1e 100644
--- a/core/scss/ui/forms/_combobox.scss
+++ b/core/scss/ui/forms/_combobox.scss
@@ -119,11 +119,13 @@
 }
 
 .combobox-search {
-  padding: 0 calc(0.75 * #{$dropdown-padding-y}) calc(0.75 * #{$dropdown-padding-y});
+  padding: 0 $combobox-search-gap-x $combobox-search-gap;
+  margin-top: calc(#{$combobox-search-gap} - #{$dropdown-padding-y});
 }
 
 .combobox-search-input {
   width: 100%;
+  font-size: inherit;
 }
 
 .dropdown-item-label {