fix: Beschreibung generieren Button rechtsbündig neben Label

Button sitzt jetzt in der Label-Zeile statt unter dem Textarea.
Kompakteres Layout, Label und Aktion auf einer Zeile.
Dieser Commit ist enthalten in:
Claude Dev
2026-03-27 23:53:34 +01:00
Ursprung 1ce6b7e609
Commit 2c3c3b256a
2 geänderte Dateien mit 10 neuen und 5 gelöschten Zeilen

Datei anzeigen

@@ -2068,10 +2068,15 @@ a:hover {
margin-top: var(--sp-xs); margin-top: var(--sp-xs);
} }
.description-enhance-row { .description-label-row {
margin-top: var(--sp-md);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
margin-bottom: var(--sp-sm);
}
.description-label-row label {
margin-bottom: 0;
} }
#btn-enhance-description { #btn-enhance-description {

Datei anzeigen

@@ -333,14 +333,14 @@
<input type="text" id="inc-title" required aria-required="true" placeholder="z.B. Explosion in Madrid"> <input type="text" id="inc-title" required aria-required="true" placeholder="z.B. Explosion in Madrid">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="inc-description">Beschreibung / Kontext <span class="info-icon tooltip-below" id="description-info-icon" data-tooltip="Beschreibe den Vorfall möglichst genau: Was ist passiert? Wo? Wer ist beteiligt? Je präziser, desto bessere Ergebnisse."><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span></label> <div class="description-label-row">
<textarea id="inc-description" placeholder="Weitere Details zum Vorfall (optional)"></textarea> <label for="inc-description">Beschreibung / Kontext <span class="info-icon tooltip-below" id="description-info-icon" data-tooltip="Beschreibe den Vorfall möglichst genau: Was ist passiert? Wo? Wer ist beteiligt? Je präziser, desto bessere Ergebnisse."><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span></label>
<div class="description-enhance-row">
<button type="button" class="btn btn-secondary btn-small" id="btn-enhance-description" onclick="App.generateDescription()" disabled> <button type="button" class="btn btn-secondary btn-small" id="btn-enhance-description" onclick="App.generateDescription()" disabled>
<span id="enhance-btn-text">Beschreibung generieren</span> <span id="enhance-btn-text">Beschreibung generieren</span>
<span id="enhance-spinner" class="spinner-inline" style="display:none;"></span> <span id="enhance-spinner" class="spinner-inline" style="display:none;"></span>
</button> </button>
</div> </div>
<textarea id="inc-description" placeholder="Weitere Details zum Vorfall (optional)"></textarea>
</div> </div>
<div class="form-group"> <div class="form-group">