Add 'ds-spaces' to the other registration slider components

webapp/components/Registration/RegistrationSlideCreate.vue

@@ -6,6 +6,7 @@
     <ds-text align="center" bold color="success">
       {{ $t('components.registration.create-user-account.success') }}
     </ds-text>
+    <ds-space margin="xxx-small" />
   </div>
   <div v-else-if="response === 'error'">
     <transition name="ds-transition-fade">
@@ -21,6 +22,7 @@
     <ds-space centered>
       <nuxt-link to="/login">{{ $t('site.back-to-login') }}</nuxt-link>
     </ds-space>
+    <ds-space margin="xxx-small" />
   </div>
   <div v-else class="create-account-card">
     <ds-form
@@ -112,6 +114,7 @@
           </label>
         </ds-text>
       </template>
+      <ds-space margin="xxx-small" />
     </ds-form>
   </div>
 </template>

webapp/components/Registration/RegistrationSlideEmail.vue

@@ -24,6 +24,7 @@
         {{ $t('components.registration.email.form.sendEmailAgain') }}
       </label>
     </ds-text>
+    <ds-space margin="xxx-small" />
   </ds-form>
 </template>
 

webapp/components/Registration/RegistrationSlideNoPublic.vue

@@ -2,6 +2,7 @@
   <ds-space centered>
     <hc-empty icon="events" :message="$t('components.registration.signup.unavailable')" />
     <slot></slot>
+    <ds-space margin="xxx-small" />
   </ds-space>
 </template>
 

webapp/components/Registration/RegistrationSlideNonce.vue

@@ -19,6 +19,7 @@
       {{ $t('components.registration.email-nonce.form.description') }}
     </ds-text>
     <slot></slot>
+    <ds-space margin="xxx-small" />
   </ds-form>
 </template>