🎨 (account) vertical form to add more white spaces

src/views/accounts/AccountNew.vue

@@ -2,8 +2,8 @@
   <div class="account-new no-margin">
     <h1 class="title is-1" v-t="'account.create'"></h1>
     <form @submit.prevent="submitAccount">
-      <div class="columns is-multiline">
-        <div class="column is-half">
+      <div class="columns is-multiline is-centered">
+        <div class="column is-two-thirds">
           <h3 class="subtitle is-3">Nom</h3>
           <div class="field">
             <div class="control">
@@ -24,7 +24,7 @@
             </p>
           </div>
         </div>
-        <div class="column is-half">
+        <div class="column is-two-thirds">
           <h3 class="subtitle is-3" v-t="'account.main_currency'"></h3>
           <div class="control">
             <div class="select is-fullwidth">
@@ -40,7 +40,7 @@
             </div>
           </div>
         </div>
-        <div class="column is-half">
+        <div class="column is-two-thirds">
           <h3 class="subtitle is-3">Compte privé / public</h3>
           <div class="field">
             <input
@@ -61,13 +61,13 @@
             ></p>
           </div>
         </div>
-        <div class="column is-half">
+        <div class="column is-two-thirds">
           <color-picker v-model="color" />
         </div>
-        <div class="column is-half">
+        <div class="column is-two-thirds">
           <account-user-new v-model="users" />
         </div>
-        <div class="column is-half">
+        <div class="column is-two-thirds">
           <h3 class="subtitle is-3 title-currency" @click="toggleCurrencyShow">
             <div class="icon-container">
               <awe-icon
@@ -84,7 +84,7 @@
           <transition name="fade">
             <div class="currency-list" v-if="currencyShow">
               <div class="field">
-                <div class="columns is-multiline">
+                <div class="columns no-margin is-multiline">
                   <div
                     class="column is-half"
                     v-for="(currency, k) in currencies"
@@ -112,7 +112,7 @@
         </div>
       </div>
       <div class="columns is-centered">
-        <div class="column is-half">
+        <div class="column is-two-thirds">
           <button type="submit" class="button is-primary is-fullwidth is-large">
             <awe-icon icon="check" />
           </button>
@@ -170,7 +170,9 @@ export default class AccountNew extends Vue {
       user.alias ? user.alias.toLowerCase() : ''
     )
     if (aliases.length === 0) {
-      queueNotifService.error('Au moins une personne doit être ajoutée au compte.')
+      queueNotifService.error(
+        'Au moins une personne doit être ajoutée au compte.'
+      )
       return false
     }
     if (aliases.length !== new Set(aliases).size) {
@@ -231,7 +233,9 @@ export default class AccountNew extends Vue {
     } else {
       // tslint:disable-next-line:no-console
       console.warn(response)
-      queueNotifService.error(`Une erreur s'est produite à la création d'un compte.`)
+      queueNotifService.error(
+        `Une erreur s'est produite à la création d'un compte.`
+      )
     }
   }