From 6c2f23539f9108c2149589b80c7f1497b1029aec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CNaeel=E2=80=9D?= <tazet@narod.ru>
Date: Tue, 2 Jun 2026 06:45:19 +0300
Subject: [PATCH] fix: compact spacing - meter 32px, pad .5rem, less gaps

---
 public/index.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/public/index.html b/public/index.html
index 4724eaa..5c201ad 100644
--- a/public/index.html
+++ b/public/index.html
@@ -36,25 +36,25 @@
         </span>
         <span style="cursor:pointer;font-size:16px;" id="btnTheme">🌙</span>
       </div>
-      <div class="card-body" style="padding:.75rem 1rem;">
-        <canvas id="meter" width="400" height="48" style="width:100%;border-radius:6px;background:var(--grey-light);margin-bottom:6px;"></canvas>
-        <div style="display:flex;gap:.5rem;align-items:center;">
-          <button id="btnRecord" class="btn btn-primary">🎙 Записать</button>
-          <button id="btnPlay" class="btn" disabled>▶ Прослушать</button>
-          <button id="btnReset" class="btn">🗑 Сброс</button>
+      <div class="card-body" style="padding:.5rem .75rem;">
+        <canvas id="meter" width="400" height="32" style="width:100%;border-radius:4px;background:var(--grey-light);margin-bottom:4px;"></canvas>
+        <div style="display:flex;gap:.4rem;align-items:center;">
+          <button id="btnRecord" class="btn btn-primary" style="padding:.4rem .8rem;">🎙 Записать</button>
+          <button id="btnPlay" class="btn" disabled style="padding:.4rem .8rem;">▶ Прослушать</button>
+          <button id="btnReset" class="btn" style="padding:.4rem .8rem;">🗑 Сброс</button>
         </div>
-        <div id="status" class="status" style="margin-top:4px;"></div>
+        <div id="status" class="status" style="margin-top:2px;font-size:.8rem;"></div>
       </div>
     </div>
 
     <div class="card">
       <div class="card-header">Диалог</div>
-      <div class="card-body">
-        <div style="display:flex;gap:.5rem;margin-bottom:10px;">
-          <input id="txtInput" type="text" placeholder="Текст + микрофон — что набрали и что сказали — всё в одном запросе к LLM" style="flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem;outline:none;background:var(--card);color:var(--text);">
-          <button id="btnSend" class="btn" style="font-size:13px;">➤</button>
+      <div class="card-body" style="padding:.5rem .75rem;">
+        <div style="display:flex;gap:.4rem;margin-bottom:6px;">
+          <input id="txtInput" type="text" placeholder="Текст + микрофон — всё в одном запросе" style="flex:1;padding:.4rem .6rem;border:1px solid var(--border);border-radius:5px;font-size:.85rem;outline:none;background:var(--card);color:var(--text);">
+          <button id="btnSend" class="btn" style="padding:.4rem .7rem;font-size:12px;">➤</button>
         </div>
-        <div id="chat" style="min-height:200px;max-height:340px;overflow-y:auto;"></div>
+        <div id="chat" style="min-height:160px;max-height:300px;overflow-y:auto;"></div>
       </div>
     </div>
   </div>