Refactor: подписи полей слева от полей в одну строку

Made-with: Cursor

HISTORY.md

@@ -1,5 +1,15 @@
 # История изменений ERP WaterSurf
 
+## 2025-02-25 21:45 UTC – Подписи полей слева от полей в одну строку
+
+**Проблема**: Подписи полей в формах заказов были расположены над полями ввода.
+
+**Решение**: В компактных формах подписи выровнены слева от полей в одну строку: группа поля — flex-строка (label + поле), минимальная ширина подписи 6.5rem, сообщения об ошибках переносятся на следующую строку с отступом.
+
+**Изменения**: theme-compact.css (стили .ws-form-group как flex row, выравнивание подписей).
+
+--- 
+
 ## 2025-02-25 21:30 UTC – Компактные формы документов (заказы клиента и поставщику)
 
 **Проблема**: Формы создания/редактирования заказов занимали много места: каждое поле с новой строки на всю ширину.

app/static/css/theme-compact.css

@@ -1,23 +1,54 @@
 /* Компактная раскладка форм документов */
+/* Подпись слева от поля, в одну строку */
+.ws-form-compact .ws-form-group {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem 1rem;
+  flex-wrap: wrap;
+}
+
+.ws-form-compact .ws-form-group label {
+  margin-bottom: 0;
+  flex-shrink: 0;
+  min-width: 6.5rem;
+}
+
+.ws-form-compact .ws-form-group input,
+.ws-form-compact .ws-form-group select {
+  flex: 1;
+  min-width: 0;
+}
+
+.ws-form-compact .ws-form-group .ws-text-danger {
+  flex-basis: 100%;
+  margin-left: 7rem;
+}
+
 .ws-form-compact .ws-form-row {
   display: grid;
   gap: 1rem;
   margin-bottom: 1rem;
-  align-items: start;
+  align-items: center;
 }
 
 .ws-form-compact .ws-form-row-date-number {
-  grid-template-columns: 10ch 15ch;
+  grid-template-columns: 1fr 1fr;
 }
 
-.ws-form-compact .ws-form-row-date-number .ws-form-group input {
-  max-width: 100%;
-  width: 100%;
+.ws-form-compact .ws-form-row-date-number .ws-field-date input {
+  width: 10ch;
+  flex: 0 0 10ch;
+}
+
+.ws-form-compact .ws-form-row-date-number .ws-field-number input {
+  width: 15ch;
+  flex: 0 0 15ch;
 }
 
 .ws-form-compact .ws-form-row-2 {
   grid-template-columns: 1fr 1fr;
-  max-width: 520px;
+  max-width: 600px;
 }
 
 .ws-form-compact .ws-form-row-2 .ws-form-group input,