From 4bfb61d71e8853fdec3d416d0a171571e1f40c34 Mon Sep 17 00:00:00 2001
From: cursor-agent <agent@gen7x.local>
Date: Thu, 26 Feb 2026 12:07:20 +0000
Subject: [PATCH] =?UTF-8?q?Fix:=20=D0=BF=D0=BE=D0=BB=D0=B5=20=D0=94=D0=B0?=
 =?UTF-8?q?=D1=82=D0=B0=20=E2=80=94=20=D1=88=D0=B8=D1=80=D0=B8=D0=BD=D0=B0?=
 =?UTF-8?q?=2011.5rem,=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B0=20=D0=BA?=
 =?UTF-8?q?=D0=B0=D0=BB=D0=B5=D0=BD=D0=B4=D0=B0=D1=80=D1=8F=20=D0=B0=D0=BA?=
 =?UTF-8?q?=D1=86=D0=B5=D0=BD=D1=82=D0=BD=D1=8B=D0=BC=20=D1=86=D0=B2=D0=B5?=
 =?UTF-8?q?=D1=82=D0=BE=D0=BC=20=D1=81=20=D0=B1=D0=B5=D0=BB=D0=BE=D0=B9=20?=
 =?UTF-8?q?=D0=B8=D0=BA=D0=BE=D0=BD=D0=BA=D0=BE=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Made-with: Cursor
---
 HISTORY.md                       | 10 ++++++++++
 app/static/css/theme-compact.css | 32 ++++++++++++++++++++++++++++++--
 2 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/HISTORY.md b/HISTORY.md
index 9ebd837..1ff72c2 100644
--- a/HISTORY.md
+++ b/HISTORY.md
@@ -1,5 +1,15 @@
 # История изменений ERP WaterSurf
 
+## 2025-02-25 22:15 UTC – Поле «Дата»: размер и кнопка календаря
+
+**Проблема**: Дата не помещалась в поле (обрезка по ширине), кнопка выбора календаря сливалась с тёмным фоном.
+
+**Решение**: Ширина поля даты увеличена до 11.5rem. Для кнопки календаря (::-webkit-calendar-picker-indicator) задан акцентный фон (--ws-accent), белая иконка календаря через SVG data URI, при наведении — --ws-accent-hover.
+
+**Изменения**: theme-compact.css.
+
+---
+
 ## 2025-02-25 22:10 UTC – Поле «Дата» как ввод даты (type=date)
 
 **Проблема**: Поле даты в документах было текстовым (size=10).
diff --git a/app/static/css/theme-compact.css b/app/static/css/theme-compact.css
index 30a62df..42c1eb7 100644
--- a/app/static/css/theme-compact.css
+++ b/app/static/css/theme-compact.css
@@ -37,8 +37,36 @@
 }
 
 .ws-form-compact .ws-form-row-date-number .ws-field-date input {
-  width: 10ch;
-  flex: 0 0 10ch;
+  min-width: 11.5rem;
+  width: 11.5rem;
+  flex: 0 0 auto;
+}
+
+/* Кнопка календаря у поля даты — акцентный цвет, хорошо видна на тёмном фоне */
+.ws-form-compact input[type="date"]::-webkit-calendar-picker-indicator {
+  background-color: var(--ws-accent);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: center;
+  padding: 4px;
+  border-radius: var(--ws-radius-sm);
+  cursor: pointer;
+  opacity: 1;
+}
+
+.ws-form-compact input[type="date"]::-webkit-calendar-picker-indicator:hover {
+  background-color: var(--ws-accent-hover);
+}
+
+/* Firefox: кнопка календаря */
+.ws-form-compact input[type="date"]::-moz-focus-inner {
+  border: none;
+}
+
+@supports (-moz-appearance: none) {
+  .ws-form-compact input[type="date"] {
+    padding-right: 2.5rem;
+  }
 }
 
 .ws-form-compact .ws-form-row-date-number .ws-field-number input {