use the description style of FormGroup

dashboard/src/components/LdapServer.vue

@@ -97,14 +97,14 @@ onMounted(async () => {
 
         <FormGroup>
           <label for="secretInput">{{ $t('users.exposedLdap.secret.label') }}</label>
-          <p class="small" v-html="$t('users.exposedLdap.secret.description', { userDN: 'cn=admin,ou=system,dc=cloudron' })"></p>
+          <div description v-html="$t('users.exposedLdap.secret.description', { userDN: 'cn=admin,ou=system,dc=cloudron' })"></div>
           <PasswordInput id="secretInput" v-model="secret" required />
           <div class="has-error" v-show="editError.secret">{{ editError.secret }}</div>
         </FormGroup>
 
         <FormGroup>
           <label for="allowlistInput">{{ $t('users.exposedLdap.ipRestriction.label') }}</label>
-          <p class="small" v-html="$t('users.exposedLdap.ipRestriction.description')"></p>
+          <div description v-html="$t('users.exposedLdap.ipRestriction.description')"></div>
           <textarea id="allowlistInput" v-model="allowlist" :placeholder="$t('users.exposedLdap.ipRestriction.placeholder')" rows="4" required></textarea>
           <div class="has-error" v-show="editError.allowlist">{{ editError.allowlist }}</div>
         </FormGroup>
@@ -113,6 +113,7 @@ onMounted(async () => {
 
     <div class="error-label" v-show="editError.generic">{{ editError.generic }}</div>
 
+    <br/>
     <Button :loading="busy" :disabled="!isValid || busy" @click="onSubmit()">{{ $t('users.settings.saveAction') }}</Button>
   </Section>
 </template>