From 1ae72663b82d69619699db3dab0e23670796d3a3 Mon Sep 17 00:00:00 2001
From: Julien Calixte <jcalixte@isep.fr>
Date: Thu, 22 Aug 2019 12:25:27 +0200
Subject: [PATCH] style: change order in new account page

---
 src/views/accounts/AccountNew.vue | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/views/accounts/AccountNew.vue b/src/views/accounts/AccountNew.vue
index b5caa04..9b6c1e5 100644
--- a/src/views/accounts/AccountNew.vue
+++ b/src/views/accounts/AccountNew.vue
@@ -2,8 +2,8 @@
   <div class="account-new">
     <h1 class="title is-1" v-t="'account.create'"></h1>
     <form @submit.prevent="submitAccount">
-      <div class="columns">
-        <div class="column">
+      <div class="columns is-multiline">
+        <div class="column is-one-third">
           <h3 class="subtitle is-3">Nom</h3>
           <div class="field">
             <div class="control">
@@ -14,7 +14,7 @@
             >{{ $tc('validation.max_char', 30 - name.length, { max: 30 - name.length }) }}</p>
           </div>
         </div>
-        <div class="column">
+        <div class="column is-one-third">
           <h3 class="subtitle is-3" v-t="'account.main_currency'"></h3>
           <div class="control">
             <div class="select is-fullwidth">
@@ -28,12 +28,7 @@
             </div>
           </div>
         </div>
-        <div class="column">
-          <color-picker v-model="color" />
-        </div>
-      </div>
-      <div class="columns">
-        <div class="column">
+        <div class="column is-one-third">
           <h3 class="subtitle is-3">Compte privé / public</h3>
           <div class="field">
             <input
@@ -48,10 +43,13 @@
             <p class="help is-primary" v-else v-t="'account.privateInformation'"></p>
           </div>
         </div>
-        <div class="column">
+        <div class="column is-one-third">
+          <color-picker v-model="color" />
+        </div>
+        <div class="column is-one-third">
           <account-user-new v-model="users" />
         </div>
-        <div class="column">
+        <div class="column is-one-third">
           <h3 class="subtitle is-3 title-currency" @click="toggleCurrencyShow">
             <div class="icon-container">
               <awe-icon icon="chevron-right" :rotation="currencyShow ? 90 : undefined" />