fix: align German online backup controls

Use compact German key labels and a shared fixed label column so both online-backup inputs and actions align consistently across languages. Restore the narrow one-column breakpoint after later settings overrides and cover translations plus real hidden CSS geometry.
This commit is contained in:
Sucukdeluxe
2026-08-22 10:07:46 +02:00
parent 2c1e0046ff
commit 1edc571686
5 changed files with 37 additions and 5 deletions
+2 -2
View File
@@ -4872,12 +4872,12 @@ function renderSettings() {
<span class="hint">Jeder Export erzeugt einen neuen Schlüssel. Ältere Schlüssel bleiben gültig.</span>
</div>
<div class="online-backup-key-row">
<label for="onlineBackupKeyOutput">Dein neuer Schlüssel</label>
<label for="onlineBackupKeyOutput">Neuer Schlüssel</label>
<input type="text" class="key-input" id="onlineBackupKeyOutput" readonly spellcheck="false" autocomplete="off" placeholder="Nach dem Export erscheint hier der 75-stellige Schlüssel">
<button class="btn btn-secondary" id="copyOnlineBackupKeyBtn" disabled>Kopieren</button>
</div>
<div class="online-backup-key-row">
<label for="onlineBackupKeyInput">Vorhandenen Schlüssel importieren</label>
<label for="onlineBackupKeyInput">Schlüssel importieren</label>
<input type="password" class="key-input" id="onlineBackupKeyInput" maxlength="75" pattern="MHU2-[A-Za-z0-9_-]{70}" spellcheck="false" autocomplete="off" placeholder="MHU2-…">
<button class="btn btn-secondary" id="restoreOnlineBackupBtn" disabled>Online importieren</button>
</div>
+2
View File
@@ -309,7 +309,9 @@
['Neuen Schlüssel erzeugen', 'Generate new key'],
['Jeder Export erzeugt einen neuen Schlüssel. Ältere Schlüssel bleiben gültig.', 'Each export creates a new key. Older keys remain valid.'],
['Dein neuer Schlüssel', 'Your new key'],
['Neuer Schlüssel', 'Your new key'],
['Vorhandenen Schlüssel importieren', 'Import existing key'],
['Schlüssel importieren', 'Import existing key'],
['Online importieren', 'Import online'],
['Behandle den Schlüssel wie ein Passwort. Wer ihn besitzt, kann die verschlüsselten Einstellungen entschlüsseln.', 'Treat the key like a password. Anyone who has it can decrypt the encrypted settings.'],
['Lokales Datei-Backup', 'Local file backup'],
+8 -2
View File
@@ -1896,7 +1896,7 @@ select.hs-input { max-width: none; width: auto; min-width: 140px; }
.online-backup-key-row {
display: grid;
grid-template-columns: minmax(170px, auto) minmax(240px, 1fr) auto;
grid-template-columns: 150px minmax(240px, 1fr) auto;
gap: 10px;
align-items: center;
}
@@ -3603,7 +3603,13 @@ input[type="checkbox"] {
}
.online-backup-key-row {
grid-template-columns: minmax(140px, auto) minmax(180px, 1fr) auto;
grid-template-columns: 150px minmax(180px, 1fr) auto;
}
@media (max-width: 820px) {
.online-backup-key-row {
grid-template-columns: 1fr;
}
}
#settings-view {