From f5a06188a2773cfef4e4ca2876723cf96dd0da31 Mon Sep 17 00:00:00 2001
From: Hermes <root@vm-nano>
Date: Wed, 19 Aug 2026 13:02:30 +0200
Subject: [PATCH] fix: align row-2 controls by bottom edge of input fields (SMS
 + toggle flush with dates)

---
 src/components/orders/OrderFilters.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/orders/OrderFilters.jsx b/src/components/orders/OrderFilters.jsx
index ed596a9..366ac4e 100644
--- a/src/components/orders/OrderFilters.jsx
+++ b/src/components/orders/OrderFilters.jsx
@@ -205,8 +205,10 @@ export const OrderFilters = ({ filters, setFilters, statusOptions = [], cities =
           />
         </div>
 
-        {/* Row 2: Date range + SMS problems (width matches its text) + hide-completed toggle */}
-        <div className="flex flex-wrap items-center gap-3">
+        {/* Row 2: Date range + SMS problems (width matches its text) + hide-completed toggle.
+            Align by the bottom edge of the input fields, not by center — dates have a
+            label above the field, so items-center would lift SMS/toggle above them. */}
+        <div className="flex flex-wrap items-end gap-3">
           <DatePicker
             value={filters.dateFrom || ""}
             onChange={(v) => updateFilter("dateFrom", v)}
@@ -244,7 +246,6 @@ export const OrderFilters = ({ filters, setFilters, statusOptions = [], cities =
               onChange={onToggleHideCompleted}
               label="Скрыть завершённые"
               title="Доставленные и отгруженные заказы скрыты"
-              className="mb-0.5"
             />
           )}
         </div>