ui: Center display of hints buttons

This commit is contained in:
nemunaire 2021-09-02 13:15:27 +02:00
parent 2a9d2cacda
commit 46261af751

View File

@ -93,22 +93,6 @@
</h1>
{/if}
<div class="flex-fill" style="min-width:0">
{#if !(hint.content || hint.file)}
<button type="button" on:click={openHint(hint)} class="float-end btn btn-info" class:disabled={hints_submitted[hint.id]}>
{#if hints_submitted[hint.id]}
<Spinner size="sm" class="me-2" />
{:else}
<Icon name="lock" aria-hidden="true" />
{/if}
Débloquer
</button>
{/if}
{#if !hint.file && hint.hidden}
<button type="button" ng-click="hint.hidden = false;" class="float-end btn btn-info">
<Icon name="lock" aria-hidden="true" />
Afficher
</button>
{/if}
<h4 class="fw-bold">{hint.title}</h4>
{#if hint.file}
<p style="overflow-x: auto">
@ -124,6 +108,26 @@
</p>
{/if}
</div>
{#if !(hint.content || hint.file) || (!hint.file && hint.hidden)}
<div>
{#if !(hint.content || hint.file)}
<button type="button" on:click={openHint(hint)} class="btn btn-info" class:disabled={hints_submitted[hint.id]}>
{#if hints_submitted[hint.id]}
<Spinner size="sm" class="me-2" />
{:else}
<Icon name="lock" aria-hidden="true" />
{/if}
Débloquer
</button>
{/if}
{#if !hint.file && hint.hidden}
<button type="button" ng-click="hint.hidden = false;" class="btn btn-info">
<Icon name="lock" aria-hidden="true" />
Afficher
</button>
{/if}
</div>
{/if}
</ListGroupItem>
{/each}
</ListGroup>