From 147529c20f34f5f2035f95b308550888c7d5b0c1 Mon Sep 17 00:00:00 2001
From: aaverbitskiy <aaverbitskiy@gmail.com>
Date: Mon, 17 Aug 2026 05:13:35 +0000
Subject: [PATCH] =?UTF-8?q?=D0=A3=D0=BD=D0=B8=D1=84=D0=B8=D0=BA=D0=B0?=
 =?UTF-8?q?=D1=86=D0=B8=D1=8F=20=D1=88=D0=B8=D1=80=D0=B8=D0=BD=D1=8B=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=BB=D0=B5=D0=B9-=D1=84=D0=B8=D0=BB=D1=8C=D1=82?=
 =?UTF-8?q?=D1=80=D0=BE=D0=B2:=20=D0=B2=D1=81=D0=B5=20195px,=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D1=80=D0=BE=D1=82=D0=BA=D0=B8=D0=B9=20=D0=B3=D0=BE=D0=B4?=
 =?UTF-8?q?=20=D0=B2=20=C2=AB=D0=9F=D0=B5=D1=80=D0=B8=D0=BE=D0=B4=C2=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .hgroup-fields: колонки 170→195px (все фильтры одинаковой ширины)
- «Период» (.dr-field) 333→195px, вровень с остальными
- Формат даты в поле «Период» — 2-значный год (05.08.26 — 20.08.26), чтобы диапазон целиком помещался в 195px; в чипсах год остался полным

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/package.json      | 2 +-
 frontend/src/datepicker.ts | 3 ++-
 frontend/src/styles.css    | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 54aca76..18debd4 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "mapdash-frontend",
   "private": true,
-  "version": "0.2.14",
+  "version": "0.2.15",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/datepicker.ts b/frontend/src/datepicker.ts
index 5c8f8fe..a2b8467 100644
--- a/frontend/src/datepicker.ts
+++ b/frontend/src/datepicker.ts
@@ -16,7 +16,8 @@ function toISO(d: Date): string {
 }
 function fmt(iso: string): string {
   const p = iso.split('-');
-  return p.length === 3 ? `${p[2]}.${p[1]}.${p[0]}` : iso;
+  // Short 2-digit year so the full range fits the compact "Период" field.
+  return p.length === 3 ? `${p[2]}.${p[1]}.${p[0].slice(2)}` : iso;
 }
 
 export interface DateRange {
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index a0e5edd..72de553 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -107,7 +107,7 @@ header {
 .hgroup-fields {
   flex-shrink: 4; min-width: 0;
   display: grid;
-  grid-template-columns: repeat(4, 170px);
+  grid-template-columns: repeat(4, 195px);
   gap: 12px 14px;
   align-items: start;
   align-content: start;
@@ -124,7 +124,7 @@ header {
 
 /* ---- date-range field + calendar popup ---- */
 .field-dates { grid-column: span 2; }
-.field-dates .dr-field { max-width: 333px; } /* the "Период" field is 40px narrower than its 2-col slot */
+.field-dates .dr-field { max-width: 195px; } /* "Период" matches the other fields (short 2-digit-year date fits) */
 .dr-native { display: none; }
 .daterange { position: relative; }
 .dr-field {