From 84c90bcab12a9f71d66a958182dd0c050a6e0e36 Mon Sep 17 00:00:00 2001
From: HotelSync <admin@hotelsync.ru>
Date: Mon, 16 Mar 2026 14:55:24 +0300
Subject: [PATCH] Fix scan button placement: remove from detail panel docs tab,
 make compact in booking modal

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../bookings/BookingDetailPanel.tsx           |  6 -----
 src/components/bookings/BookingModal.tsx      | 24 +++++++++----------
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/components/bookings/BookingDetailPanel.tsx b/src/components/bookings/BookingDetailPanel.tsx
index 0bb03bf..6d87c65 100644
--- a/src/components/bookings/BookingDetailPanel.tsx
+++ b/src/components/bookings/BookingDetailPanel.tsx
@@ -463,12 +463,6 @@ export function BookingDetailPanel({ booking, room, onClose, onUpdate }: Booking
                   </div>
                 ))
               }
-              <button
-                onClick={() => showToast('Для сканирования подключите RFID/OCR сканер')}
-                className="w-full flex items-center justify-center gap-2 py-2.5 rounded-xl border-2 border-dashed border-slate-300 dark:border-slate-600 text-slate-500 dark:text-slate-400 text-sm font-medium hover:border-brand-400 hover:text-brand-600 dark:hover:text-brand-400 transition-colors mt-2"
-              >
-                <ScanLine size={16} /> Сканировать документ
-              </button>
               <div className="pt-3 mt-1 border-t border-slate-100 dark:border-slate-700">
                 <button
                   onClick={() => showToast('🖨 Комплект документов отправлен на печать')}
diff --git a/src/components/bookings/BookingModal.tsx b/src/components/bookings/BookingModal.tsx
index 00a25f8..67dfa3d 100644
--- a/src/components/bookings/BookingModal.tsx
+++ b/src/components/bookings/BookingModal.tsx
@@ -653,19 +653,19 @@ export function BookingModal({ open, draft, rooms, onClose, onSave, existing }:
         {/* ── PASSPORT TAB ── */}
         {activeTab === 'passport' && (
         <div className="space-y-4">
-          {/* Scan button */}
-          <button
-            type="button"
-            onClick={() => alert('Для сканирования подключите RFID/OCR сканер паспорта')}
-            className="w-full flex items-center justify-center gap-2 py-3 rounded-xl border-2 border-dashed border-brand-300 dark:border-brand-700 text-brand-600 dark:text-brand-400 text-sm font-medium hover:bg-brand-50 dark:hover:bg-brand-900/20 transition-colors"
-          >
-            <ScanLine size={18} />
-            Сканировать паспорт
-          </button>
-
-          {/* Document type */}
+          {/* Document type + scan */}
+          <div className="flex items-center justify-between gap-3">
+            <label className="block text-sm font-medium text-slate-700 dark:text-slate-300">Тип документа</label>
+            <button
+              type="button"
+              onClick={() => alert('Для сканирования подключите RFID/OCR сканер паспорта')}
+              className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-dashed border-brand-300 dark:border-brand-600 text-brand-600 dark:text-brand-400 text-xs font-medium hover:bg-brand-50 dark:hover:bg-brand-900/20 transition-colors shrink-0"
+            >
+              <ScanLine size={13} /> Сканировать
+            </button>
+          </div>
           <div>
-            <label className="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">Тип документа</label>
+            <div className="h-0" />
             <div className="flex gap-2">
               {DOC_TYPES.map(dt => (
                 <button