diff --git a/style.css b/style.css index 29f9ad6..4d6c69d 100644 --- a/style.css +++ b/style.css @@ -662,24 +662,50 @@ button[type="submit"]:disabled { background: #aaa; cursor: not-allowed; } /* ─── Телефон ─── */ @media (max-width: 600px) { .toolbar { - padding: 8px 16px; + padding: 8px 12px; + gap: 8px; } .toolbar-title { - font-size: 0.85rem; + display: none; + } + + .save-status { + font-size: 0.72rem; + max-width: 100px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .toolbar-right { + gap: 6px; + margin-left: auto; } .toolbar-btn { - padding: 6px 10px; - font-size: 0.78rem; + padding: 7px 10px; + font-size: 0; } + /* Показываем только эмодзи/иконку */ + #btnReset::before { content: '↺'; font-size: 1rem; } + #btnSave::before { content: '💾'; font-size: 1rem; } + #btnShare::before { content: '🔗'; font-size: 1rem; } + .app-layout { - padding: 16px 16px 60px; + padding: 16px 12px 80px; gap: 16px; } .section { - padding: 20px 16px 14px; + padding: 20px 14px 14px; + } + + .fab { + bottom: 16px; + right: 16px; + padding: 12px 16px; + font-size: 0.82rem; } }