Scarriffle/certain
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Marken-Formular in der schmalen Spalte lesbar

Browse Source 
Die Karte steht in einer schmalen Spalte; die waagerechte Zeile quetschte
Beschriftung und Feld ineinander, sodass "Name des Geraets" ueber
"Standardkonto" lag. Jetzt gestapelt wie die uebrigen Formulare der Seite.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Guido
2026-08-22 19:51:45 +02:00
co-authored by Claude Opus 5
parent 7fb7df3554
commit 259013eafe
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/pages/settings/Geraetemarken.jsx
+5 -3
View File
@@ -96,13 +96,15 @@ export default function Geraetemarken() {
</div> </div>
<p className="muted small">{t("tokens.intro")}</p> <p className="muted small">{t("tokens.intro")}</p>
<form className="row" style={{ gap: "var(--sp-2)", alignItems: "flex-end" }} onSubmit={anlegen}> {/* Gestapelt statt nebeneinander: Die Karte steht in einer schmalen
<label className="grow"> Spalte, waagerecht quetschen sich Beschriftung und Feld ineinander. */}
<form onSubmit={anlegen}>
<label className="field">
<span>{t("tokens.name")}</span> <span>{t("tokens.name")}</span>
<input value={name} placeholder={t("tokens.namePlaceholder")} <input value={name} placeholder={t("tokens.namePlaceholder")}
onChange={(e) => setName(e.target.value)} /> onChange={(e) => setName(e.target.value)} />
</label> </label>
<label> <label className="field">
<span>{t("tokens.defaultAccount")}</span> <span>{t("tokens.defaultAccount")}</span>
<select value={konto} onChange={(e) => setKonto(e.target.value)}> <select value={konto} onChange={(e) => setKonto(e.target.value)}>
{konten.map((k) => <option key={k.id} value={k.id}>{k.name}</option>)} {konten.map((k) => <option key={k.id} value={k.id}>{k.name}</option>)}