fix icon alignment and button spacing in user header

frontend-new/src/components/UserHeader.vue

@@ -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>
 

frontend-new/src/components/modals/TaglineModal.vue

@@ -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>