Shrink UI controls and iconize language/edit/delete

This commit is contained in:
2026-02-04 15:25:04 +01:00
parent b91d8a42d3
commit 534fc41d33
4 changed files with 94 additions and 21 deletions

View File

@@ -21,11 +21,13 @@
<h2 id="auth-title" data-i18n="auth.loginHeading">Log in</h2>
</div>
<div class="stack lang-field">
<span class="label" data-i18n="lang.label">Language</span>
<select class="lang-select">
<option value="en" data-i18n="lang.en">English</option>
<option value="de" data-i18n="lang.de">Deutsch</option>
</select>
<div class="lang-switch" id="lang-switch-auth">
<button class="lang-button" type="button" aria-label="Language" title="Language">🌐</button>
<div class="lang-menu hidden">
<button type="button" data-lang="en">🇬🇧 English</button>
<button type="button" data-lang="de">🇩🇪 Deutsch</button>
</div>
</div>
</div>
<form id="login-form" class="stack auth-form" data-mode="login">
<label class="stack">
@@ -74,11 +76,13 @@
<span class="counts" id="counts"></span>
</div>
<div class="status-right">
<span class="label" data-i18n="lang.label">Language</span>
<select class="lang-select compact-select">
<option value="en" data-i18n="lang.en">English</option>
<option value="de" data-i18n="lang.de">Deutsch</option>
</select>
<div class="lang-switch" id="lang-switch-status">
<button class="lang-button" type="button" aria-label="Language" title="Language">🌐</button>
<div class="lang-menu hidden">
<button type="button" data-lang="en">🇬🇧 English</button>
<button type="button" data-lang="de">🇩🇪 Deutsch</button>
</div>
</div>
</div>
</section>