From 7c11e2dca5583ba6c960381bd4fe86fdf224f9b2 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Wed, 15 Apr 2026 19:28:14 +0300
Subject: [PATCH] Polish filter panel input styling to match Angular
 custom-input mixin

Add right padding, font-overflow, and transition to input fields and
prefix element for full parity with Angular's custom-input mixin output.
---
 src/features/online-board/components/OnlineBoardFilter.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/features/online-board/components/OnlineBoardFilter.scss b/src/features/online-board/components/OnlineBoardFilter.scss
index 68eaace5..96181ddd 100644
--- a/src/features/online-board/components/OnlineBoardFilter.scss
+++ b/src/features/online-board/components/OnlineBoardFilter.scss
@@ -98,6 +98,8 @@
       font-size: fonts.$font-size-l;
       font-weight: fonts.$font-regular;
       color: colors.$gray;
+      transition-duration: 0.2s;
+      @include fonts.font-overflow();
       border-right: none;
       border-radius: vars.$border-radius 0 0 vars.$border-radius;
     }
@@ -109,12 +111,14 @@
       align-items: center;
       @include shadows.control-border-shadow();
       height: vars.$standard-button-height;
+      padding: 0 vars.$space-l;
       padding-left: vars.$space-m !important;
       font-size: fonts.$font-size-l;
       font-weight: fonts.$font-regular;
       color: colors.$text-color;
       width: 100%;
       transition-duration: 0.2s;
+      @include fonts.font-overflow();
 
       &:enabled:hover:not(.p-state-error) {
         border-color: colors.$blue-light;