Vertically align text + Remove bottom margin from alerts

This commit is contained in:
Henrik Giesel 2021-05-27 22:38:31 +02:00
parent c586107fea
commit da8fdb7719
2 changed files with 9 additions and 5 deletions

View file

@ -22,7 +22,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</script> </script>
<div {id} class="row gx-0"> <div {id} class="row gx-0">
<div class="col-8"> <div class="col-8 d-flex align-items-center">
{label}{#if renderedTooltip}<HelpPopup html={renderedTooltip} />{/if} {label}{#if renderedTooltip}<HelpPopup html={renderedTooltip} />{/if}
</div> </div>
@ -30,13 +30,17 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<slot /> <slot />
</div> </div>
<div class="col-1"> <div class="col-1 d-flex align-items-center">
<RevertButton bind:value {defaultValue} on:revert /> <RevertButton bind:value {defaultValue} on:revert />
</div> </div>
</div> </div>
{#each warnings as warning} {#each warnings as warning}
{#if warning} {#if warning}
<div class="col-12 alert alert-warning" in:slide out:slide>{warning}</div> <div class="row gx-0">
<div class="col-11 alert alert-warning mb-0" in:slide out:slide>
{warning}
</div>
</div>
{/if} {/if}
{/each} {/each}

View file

@ -33,9 +33,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
: ""; : "";
</script> </script>
<div class="container"> <h2>{tr.deckConfigDailyLimits()}</h2>
<h2>{tr.deckConfigDailyLimits()}</h2>
<div class="container">
<SpinBox <SpinBox
label={tr.schedulingNewCardsday()} label={tr.schedulingNewCardsday()}
tooltip={tr.deckConfigNewLimitTooltip() + v3Extra} tooltip={tr.deckConfigNewLimitTooltip() + v3Extra}