From 33f31366cd49b0bd1f4ed6609a7e75e93fb000fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=A2=D0=B8=D0=BC=D1=83=D1=80=20=D0=93=D0=BE=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B4=D0=B5=D1=86=D0=BA=D0=B8=D0=B9?=
 <gorodetskiy.timur@tnsu.kz>
Date: Mon, 19 Oct 2026 16:17:56 +0500
Subject: [PATCH] fix: center the report picker on wide screens and keep the
 value field inside its card

The bottom sheet stays for phones only, as in the old picker.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../stroyBot/pages/report/ReportPage.module.scss     |  1 +
 .../stroyBot/pages/report/picker/Picker.module.scss  | 12 ++++++++++++
 2 files changed, 13 insertions(+)

diff --git a/src/webparts/stroyBot/pages/report/ReportPage.module.scss b/src/webparts/stroyBot/pages/report/ReportPage.module.scss
index 54800d9..67903af 100644
--- a/src/webparts/stroyBot/pages/report/ReportPage.module.scss
+++ b/src/webparts/stroyBot/pages/report/ReportPage.module.scss
@@ -138,6 +138,7 @@ $photo-thumb-min: 80px;
 }
 
 .valueInput {
+  box-sizing: border-box; // иначе ширина 100% + отступы вылезают за край карточки работы
   width: 100%;
   padding: $sp-2 $sp-3;
   border: 1px solid $gray-300;
diff --git a/src/webparts/stroyBot/pages/report/picker/Picker.module.scss b/src/webparts/stroyBot/pages/report/picker/Picker.module.scss
index e97f796..de66f97 100644
--- a/src/webparts/stroyBot/pages/report/picker/Picker.module.scss
+++ b/src/webparts/stroyBot/pages/report/picker/Picker.module.scss
@@ -42,6 +42,18 @@ $slide-duration: 0.2s;
   animation: slideUp $slide-duration ease-out;
 }
 
+// Как в старом PickerModal: шторка снизу — только на телефоне, на экране шире 640px — окно по центру.
+@include above($bp-sm) {
+  .overlay {
+    align-items: center;
+  }
+
+  .sheet {
+    border-radius: $r-lg;
+    animation: none;
+  }
+}
+
 .header {
   display: flex;
   align-items: center;