taarly/PHP_AdminTool_Projekt
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated the layout for the button so that they line up

Browse Source
This commit is contained in:
Taarly 2025-12-17 10:45:37 +01:00
parent 679354006f
commit 4dcebe7007
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/views/createuser.php
View File

@ -174,13 +174,19 @@ declare(strict_types=1);
</div> </div>
</div> </div>
<div class="form-group d-flex gap-2 align-items-center"> <style>
<div class="d-flex flex-column"> /* Make the CSV action buttons equal width and aligned */
<button type="button" id="loadPreviewBtn" class="btn btn-secondary" title="Hinweis: Beim Laden der Vorschau werden Änderungen in der Vorschau verworfen und mit der Originaldatei ersetzt.">In Vorschau laden</button> .csv-btn-row { display:flex; gap:0.5rem; align-items:center; }
<small class="form-text text-muted mt-2">Beim Laden werden Änderungen in der Vorschau verworfen und die Originaldatei neu eingelesen.</small> .csv-btn-row .btn-equal { min-width:150px; display:inline-flex; justify-content:center; align-items:center; }
.csv-preview-hint { margin-top:0.6rem; font-size:0.9rem; color:#6c757d; }
</style>
<div class="form-group">
<div class="csv-btn-row">
<button type="button" id="loadPreviewBtn" class="btn btn-secondary btn-equal" title="Hinweis: Beim Laden der Vorschau werden Änderungen in der Vorschau verworfen und mit der Originaldatei ersetzt.">In Vorschau laden</button>
<button type="submit" class="btn btn-primary btn-equal">CSV verarbeiten</button>
<button type="button" id="clearPreviewBtn" class="btn btn-light btn-equal">Vorschau löschen</button>
</div> </div>
<button type="submit" class="btn btn-primary">CSV verarbeiten</button> <div class="csv-preview-hint">Beim Laden werden Änderungen in der Vorschau verworfen und die Originaldatei neu eingelesen.</div>
<button type="button" id="clearPreviewBtn" class="btn btn-light">Vorschau löschen</button>
</div> </div>
</form> </form>