From 471fc17ce81d7690a4a5958148c5fa743fe0ee9c Mon Sep 17 00:00:00 2001
From: HotelSync <admin@hotelsync.ru>
Date: Sat, 28 Mar 2026 16:35:04 +0300
Subject: [PATCH] fix: equipment buttons uniform height, trustProxy for real
 client IP

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 backend/src/app.ts          | 1 +
 src/pages/EquipmentPage.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/backend/src/app.ts b/backend/src/app.ts
index ba31cc1..b43090e 100644
--- a/backend/src/app.ts
+++ b/backend/src/app.ts
@@ -48,6 +48,7 @@ export async function buildApp() {
       }),
     },
     bodyLimit: 20 * 1024 * 1024, // 20MB — for base64 photo uploads
+    trustProxy: true, // get real IP from X-Real-IP / X-Forwarded-For via nginx
   })
 
   // ── File uploads & static ─────────────────────────────────────────────────
diff --git a/src/pages/EquipmentPage.tsx b/src/pages/EquipmentPage.tsx
index ad3f61c..4fd1647 100644
--- a/src/pages/EquipmentPage.tsx
+++ b/src/pages/EquipmentPage.tsx
@@ -974,7 +974,7 @@ export function EquipmentPage() {
             <button
               onClick={handleUpdateAll}
               disabled={updatingAll}
-              className="inline-flex items-center gap-1.5 px-3 py-2 rounded-xl text-sm font-medium bg-amber-100 text-amber-700 hover:bg-amber-200 dark:bg-amber-900/30 dark:text-amber-400 transition-colors disabled:opacity-50"
+              className="inline-flex items-center gap-1.5 px-3 py-2 h-9 rounded-xl text-sm font-medium whitespace-nowrap bg-amber-100 text-amber-700 hover:bg-amber-200 dark:bg-amber-900/30 dark:text-amber-400 transition-colors disabled:opacity-50"
             >
               <ArrowUpCircle size={15} />
               {updatingAll ? 'Отправка...' : 'Обновить все'}
@@ -984,21 +984,21 @@ export function EquipmentPage() {
             <a
               href={latestRelease.downloadUrl}
               download
-              className="inline-flex items-center gap-1.5 px-3 py-2 rounded-xl text-sm font-medium bg-slate-100 text-slate-600 hover:bg-slate-200 dark:bg-slate-700 dark:text-slate-300 dark:hover:bg-slate-600 transition-colors"
+              className="inline-flex items-center gap-1.5 px-3 py-2 h-9 rounded-xl text-sm font-medium whitespace-nowrap bg-slate-100 text-slate-600 hover:bg-slate-200 dark:bg-slate-700 dark:text-slate-300 dark:hover:bg-slate-600 transition-colors"
               title={`Скачать агент v${latestRelease.version}`}
             >
               <Download size={15} />
               Скачать агент v{latestRelease.version}
             </a>
           ) : (
-            <span className="inline-flex items-center gap-1.5 px-3 py-2 rounded-xl text-sm font-medium bg-slate-100 text-slate-400 dark:bg-slate-700 dark:text-slate-500 cursor-not-allowed">
+            <span className="inline-flex items-center gap-1.5 px-3 py-2 h-9 rounded-xl text-sm font-medium whitespace-nowrap bg-slate-100 text-slate-400 dark:bg-slate-700 dark:text-slate-500 cursor-not-allowed">
               <Download size={15} />
               Агент недоступен
             </span>
           )}
           <button
             onClick={() => setShowAdd(true)}
-            className="btn-primary flex items-center gap-2 py-2 px-4"
+            className="btn-primary inline-flex items-center gap-2 py-2 px-4 h-9 whitespace-nowrap"
           >
             <Plus size={16} />
             Новое рабочее место