fix icon alignment and button spacing in user header

This commit is contained in:
MiniDigger | Martin 2022-03-30 23:10:02 +02:00
parent 0e7f112d47
commit a559dd4489
2 changed files with 2 additions and 2 deletions

View File

@ -89,7 +89,7 @@ const buttons = computed<UserButton[]>(() => {
<Tooltip v-for="btn in buttons" :key="btn.name" :content="i18n.t(`author.tooltips.${btn.name}`)">
<Link v-bind="btn.attr">
<Button size="small"><component :is="btn.icon" /></Button>
<Button size="small" class="mr-1 mt-1 inline-flex"><component :is="btn.icon" /></Button>
</Link>
</Tooltip>

View File

@ -45,7 +45,7 @@ async function save() {
<Button size="medium" class="mt-2 ml-2" @click="save">{{ i18n.t("general.change") }}</Button>
</template>
<template #activator="{ on }">
<Button size="small" class="ml-2" v-on="on">
<Button size="small" class="ml-2 inline-flex" v-on="on">
<IconMdiPencil />
</Button>
</template>