From aaf20ac9f33b23248dbf3ccdf83ee961ab9edd9f Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Tue, 19 May 2026 14:28:56 +0300
Subject: [PATCH] feat: redesign zametki page layout and date format

- Move "Add" button below textarea
- Move "Resolved" button below date (removed float-end)
- Show only HH:MM for note creation time via new formatTime helper

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/app.js     |  5 +++++
 frontend/index.html | 10 ++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/app.js b/frontend/app.js
index 0734fcd..2d0819a 100644
--- a/frontend/app.js
+++ b/frontend/app.js
@@ -307,6 +307,11 @@ createApp({
       const d = new Date(dateStr);
       return d.toLocaleString('ru-RU');
     },
+    formatTime(dateStr) {
+      if (!dateStr) return '';
+      const d = new Date(dateStr);
+      return d.toLocaleTimeString('ru-RU', { hour: '2-digit', minute: '2-digit' });
+    },
     async loadEquipmentTypes() {
       try {
         this.equipmentTypes = await fetchJSON('/equipment-types/');
diff --git a/frontend/index.html b/frontend/index.html
index 2bc0dc3..2b95add 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -419,11 +419,11 @@
 
             <div v-if="canEdit" class="mb-4">
               <h5>Добавить заметку</h5>
-              <div class="row g-2 align-items-end">
+              <div class="row g-2">
                 <div class="col-md-8">
                   <textarea class="form-control" v-model="newZametkaText" rows="3" placeholder="Текст заметки..."></textarea>
                 </div>
-                <div class="col-auto">
+                <div class="col-md-8">
                   <button class="btn btn-success" @click="createZametka">Добавить</button>
                 </div>
               </div>
@@ -436,8 +436,10 @@
             <div v-for="z in zametki" :key="z.id" class="card mb-2">
               <div class="card-body">
                 <p class="card-text" style="white-space: pre-wrap;">{{ z.txtzam }}</p>
-                <small class="text-muted">{{ formatDate(z.created_date) }}</small>
-                <button v-if="canEdit" class="btn btn-sm btn-outline-success float-end" @click="resolveZametka(z.id)">Решено</button>
+                <div>
+                  <small class="text-muted">{{ formatTime(z.created_date) }}</small>
+                </div>
+                <button v-if="canEdit" class="btn btn-sm btn-outline-success mt-1" @click="resolveZametka(z.id)">Решено</button>
               </div>
             </div>
           </div>