More header margin fixes

dashboard/src/components/ApiTokens.vue

@@ -180,7 +180,7 @@ onMounted(async () => {
         <Button @click="newDialog.open()" icon="fa fa-plus">{{ $t('profile.apiTokens.newApiToken') }}</Button>
       </template>
 
-      <p v-html="$t('profile.apiTokens.description', { apiDocsLink: 'https://docs.cloudron.io/api.html' })"></p>
+      <div v-html="$t('profile.apiTokens.description', { apiDocsLink: 'https://docs.cloudron.io/api.html' })"></div>
       <br/>
 
       <TableView :columns="columns" :model="apiTokens" :placeholder="$t('profile.apiTokens.noTokensPlaceholder')">

dashboard/src/components/AppPasswords.vue

@@ -206,7 +206,7 @@ onMounted(async () => {
         <Button @click="newDialog.open()" icon="fa fa-plus">{{ $t('profile.appPasswords.newPassword') }}</Button>
       </template>
 
-      <p>{{ $t('profile.appPasswords.description') }}</p>
+      <div>{{ $t('profile.appPasswords.description') }}</div>
       <br/>
 
       <TableView :columns="columns" :model="passwords" :placeholder="$t('profile.appPasswords.noPasswordsPlaceholder')">

dashboard/src/components/NotificationSettings.vue

@@ -58,7 +58,7 @@ onMounted(async () => {
 <template>
   <Section :title="$t('notifications.settings.title')">
 
-    <p>{{ $t('notifications.settingsDialog.description') }}</p>
+    <div>{{ $t('notifications.settingsDialog.description') }}</div>
     <br/>
 
     <SettingsItem>