From 2db44e53f7d17155328524654c57795c27da9d73 Mon Sep 17 00:00:00 2001
From: iRedTea <red__tea@outlook.com>
Date: Wed, 14 Oct 2026 16:15:03 +0300
Subject: [PATCH] feat: red text and border on every close button

---
 internal/server/web/static/app.css          | 3 +++
 internal/server/web/templates/files.html    | 7 +++----
 internal/server/web/templates/terminal.html | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/internal/server/web/static/app.css b/internal/server/web/static/app.css
index 9d4ebea..446c3e0 100644
--- a/internal/server/web/static/app.css
+++ b/internal/server/web/static/app.css
@@ -62,6 +62,9 @@ button, .btn {
 button:hover, .btn:hover { background: var(--accent-hover); text-decoration: none; }
 .btn.ghost { background: transparent; border: 1px solid var(--border); color: var(--text); }
 .btn.danger { background: var(--danger); }
+/* Close buttons: red text and border on the ghost button. */
+.btn.close, .btn.ghost.close { background: transparent; border: 1px solid rgba(255, 92, 92, .6); color: var(--danger); }
+.btn.close:hover, .btn.ghost.close:hover { background: #3a1d1d; border-color: var(--danger); }
 .btn.small { padding: 6px 10px; font-size: 13px; }
 .btn.icon { width: 30px; height: 30px; padding: 0; display: inline-flex;
   align-items: center; justify-content: center; font-size: 14px; line-height: 1; text-decoration: none; }
diff --git a/internal/server/web/templates/files.html b/internal/server/web/templates/files.html
index cad1729..5e45c31 100644
--- a/internal/server/web/templates/files.html
+++ b/internal/server/web/templates/files.html
@@ -90,7 +90,6 @@
                  display:inline-flex; align-items:center; justify-content:center; }
   .find button.tg { background:transparent; border:1px solid var(--border); color:var(--muted); font-family:ui-monospace,Menlo,monospace; }
   .find button.tg.on { border-color:var(--accent); color:var(--text); background:#12202f; }
-  .find .fx { color:var(--danger); }
   .find #frow2, .find #frow2b { grid-row:2; }
   /* Documents and tables, drawn in the panel's colours. */
   .vdoc { height:75vh; overflow:auto; background:#0c0f13; border-radius:0 0 12px 12px; }
@@ -219,7 +218,7 @@
     <button class="btn ghost small" id="vtext" hidden>Редактировать</button>
     <button class="btn ghost small" id="vhex" hidden>Редактировать бинарно</button>
     <button class="btn small" id="save" hidden>Сохранить</button>
-    <button class="btn ghost small" id="closev">Закрыть</button>
+    <button class="btn ghost small close" id="closev">Закрыть</button>
     <div class="vmsg muted" id="vmsg"></div>
   </div>
   <div class="vbody">
@@ -234,7 +233,7 @@
         <button type="button" class="btn ghost" id="fnext" title="Следующее (Enter)" aria-label="Следующее">
           <svg width="12" height="12" viewBox="0 0 12 12"><path d="M6 9.5 1 2.5h10z" fill="currentColor"/></svg>
         </button>
-        <button type="button" class="btn ghost fx" id="fclose" title="Закрыть поиск (Esc)" aria-label="Закрыть поиск">
+        <button type="button" class="btn ghost close" id="fclose" title="Закрыть поиск (Esc)" aria-label="Закрыть поиск">
           <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M18 6 6 18M6 6l12 12"/></svg>
         </button>
       </div>
@@ -254,7 +253,7 @@
 <dialog id="updlg">
   <div class="dlg-h">
     <strong style="flex:1">Загрузка файлов</strong>
-    <button class="btn ghost small" id="updlg-close">Закрыть</button>
+    <button class="btn ghost small close" id="updlg-close">Закрыть</button>
   </div>
   <div class="dlg-b" id="updlg-list"></div>
 </dialog>
diff --git a/internal/server/web/templates/terminal.html b/internal/server/web/templates/terminal.html
index 33f36c4..3167d92 100644
--- a/internal/server/web/templates/terminal.html
+++ b/internal/server/web/templates/terminal.html
@@ -54,7 +54,7 @@
   <button type="button" data-a="copy">Копировать</button>
   <button type="button" class="btn ghost" data-a="paste">Вставить</button>
   <button type="button" class="btn ghost" data-a="all">Всё</button>
-  <button type="button" class="btn ghost" data-a="close" aria-label="Закрыть">×</button>
+  <button type="button" class="btn ghost close" data-a="close" aria-label="Закрыть">×</button>
 </div>
 <div class="keys" id="keys">
   <button type="button" data-k="esc">ESC</button>