fix layout in activation view

dashboard/src/views/ActivationView.vue

@@ -99,7 +99,7 @@ onMounted(async () => {
             <label for="emailInput">Email <sup><a href="https://docs.cloudron.io/installation/#admin-account" target="_blank" tabIndex="-1"><i class="fa fa-question-circle"></i></a></sup></label>
             <EmailInput id="emailInput" v-model="email" required />
             <small class="text-danger">{{ formError.email }}</small>
-            <small>A valid email is required for Let's Encrypt certificates. This email is local to your Cloudron. </small>
+            <small class="helper-text">A valid email is required for Let's Encrypt certificates. This email is local to your Cloudron.</small>
           </FormGroup>
 
           <FormGroup :has-error="formError.username">
@@ -115,10 +115,23 @@ onMounted(async () => {
           </FormGroup>
 
           <Checkbox v-model="acceptLicense" style="display: inline-flex;" label="Accept Cloudron License" required/><sup style="margin-left: 6px;"><a href="https://www.cloudron.io/legal/terms.html" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup><br/>
-
-          <Button :disabled="busy || !isValid" :loading="busy" @click="onOwnerSubmit()">Create Admin</Button>
         </fieldset>
+
+        <div class="actions">
+          <Button :disabled="busy || !isValid" :loading="busy" @click="onOwnerSubmit()">Create Admin</Button>
+        </div>
       </form>
     </div>
   </div>
 </template>
+
+<style scoped>
+
+.actions {
+  margin-top: 1.5em;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+</style>