From 21a557b875be3cda943541053c0dc43c2d0660e4 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 13:28:30 +0300
Subject: [PATCH] ScheduleFilter: search button uses Angular blue-light 48px
 pill styling (Angular parity)

---
 .../schedule/components/ScheduleFilter.scss         | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/features/schedule/components/ScheduleFilter.scss b/src/features/schedule/components/ScheduleFilter.scss
index 872c6410..cace433e 100644
--- a/src/features/schedule/components/ScheduleFilter.scss
+++ b/src/features/schedule/components/ScheduleFilter.scss
@@ -108,18 +108,21 @@
     margin-top: vars.$space-l;
   }
 
+  // Mirrors Angular `.search-button.color.blue-light`: 48px tall pill
+  // with $blue-light background and $blue-light--hover on hover.
   .search-button {
     width: 100%;
-    background: colors.$blue;
+    height: vars.$standard-button-height;
+    background: colors.$blue-light;
     color: colors.$white;
     border: none;
     border-radius: vars.$border-radius;
-    padding: 12px 16px;
-    font-size: 14px;
-    font-weight: fonts.$font-medium;
+    padding: 0 vars.$space-l;
+    font-size: fonts.$font-size-m;
+    font-weight: fonts.$font-bold;
     cursor: pointer;
     transition: background-color 150ms ease;
 
-    &:hover { background: colors.$blue--hover; }
+    &:hover { background: colors.$blue-light--hover; }
   }
 }