From 0b63d3cf04b80684ef0177fc29224b68a7d41acb Mon Sep 17 00:00:00 2001
From: Anton <anton.semenov.ser@gmail.com>
Date: Tue, 12 May 2026 18:16:02 +0300
Subject: [PATCH] fix: mobile toolbar shows icons only, hide button text

---
 index.html | 6 +++---
 style.css  | 9 ++++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index ab63ef7..98d4a2a 100644
--- a/index.html
+++ b/index.html
@@ -24,9 +24,9 @@
       <span class="save-status" id="saveStatus"></span>
     </div>
     <div class="toolbar-right">
-      <button class="toolbar-btn" id="btnReset" title="Очистить форму">↺ Заново</button>
-      <button class="toolbar-btn" id="btnSave" title="Сохранить">💾 Сохранить</button>
-      <button class="toolbar-btn primary" id="btnShare" title="Поделиться ссылкой">🔗 Поделиться</button>
+      <button class="toolbar-btn" id="btnReset" title="Очистить форму"><span class="btn-icon">↺</span><span class="btn-text"> Заново</span></button>
+      <button class="toolbar-btn" id="btnSave" title="Сохранить"><span class="btn-icon">💾</span><span class="btn-text"> Сохранить</span></button>
+      <button class="toolbar-btn primary" id="btnShare" title="Поделиться ссылкой"><span class="btn-icon">🔗</span><span class="btn-text"> Поделиться</span></button>
     </div>
   </div>
 
diff --git a/style.css b/style.css
index 4d6c69d..864b9ce 100644
--- a/style.css
+++ b/style.css
@@ -685,13 +685,12 @@ button[type="submit"]:disabled { background: #aaa; cursor: not-allowed; }
 
   .toolbar-btn {
     padding: 7px 10px;
-    font-size: 0;
+    font-size: 0.9rem;
   }
 
-  /* Показываем только эмодзи/иконку */
-  #btnReset::before { content: '↺'; font-size: 1rem; }
-  #btnSave::before  { content: '💾'; font-size: 1rem; }
-  #btnShare::before { content: '🔗'; font-size: 1rem; }
+  .btn-text {
+    display: none;
+  }
 
   .app-layout {
     padding: 16px 12px 80px;