From 9b30f3fe83aef4fe387ed86feb9fcce67667b131 Mon Sep 17 00:00:00 2001
From: Bubka <858858+Bubka@users.noreply.github.com>
Date: Tue, 7 Jan 2020 23:10:04 +0100
Subject: [PATCH] Remove New button from edit mode

---
 resources/js/views/Accounts.vue | 26 +++++++++++++-------------
 resources/js/views/Create.vue   |  2 +-
 resources/sass/app.scss         |  2 +-
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/resources/js/views/Accounts.vue b/resources/js/views/Accounts.vue
index 2b0981b6..dafce41c 100644
--- a/resources/js/views/Accounts.vue
+++ b/resources/js/views/Accounts.vue
@@ -40,30 +40,30 @@
         <footer class="has-background-black-ter">
             <div class="columns is-gapless" v-if="this.accounts.length > 0">
                 <div class="column has-text-centered">
-                    <a class="button is-dark is-rounded" @click="editMode = true" v-if="!editMode">Manage</a>
-                    <div class="field has-addons" v-if="editMode">
+                    <div class="field is-grouped">
                         <p class="control">
-                            <button class="button is-success is-rounded" @click="editMode = false">
-                                <span class="icon is-small">
-                                    <font-awesome-icon :icon="['fas', 'check']" />
-                                </span>
-                                <span>Done</span>
-                            </button>
-                        </p>
-                        <p class="control">
-                            <router-link :to="{ name: 'create' }" class="button is-dark is-rounded">
+                            <router-link :to="{ name: 'create' }" class="button is-link is-rounded is-focus">
+                                <span>New</span>
                                 <span class="icon is-small">
                                     <font-awesome-icon :icon="['fas', 'qrcode']" />
                                 </span>
                             </router-link>
                         </p>
+                        <p class="control">
+                            <a class="button is-dark is-rounded" @click="editMode = true" v-if="!editMode">Manage</a>
+                            <a class="button is-success is-rounded" @click="editMode = false" v-if="editMode">
+                                <span class="icon is-small">
+                                    <font-awesome-icon :icon="['fas', 'check']" />
+                                </span>
+                                <span>Done</span>
+                            </a>
+                        </p>
                     </div>
-
                 </div>
             </div>
             <div class="content has-text-centered">
                 <span v-if="token">
-                    Hi {{username}} ! <a class="" @click="logout">Sign out</a>
+                    Hi {{username}} ! <a @click="logout">Sign out</a>
                 </span>
                 <span v-else>
                     <router-link :to="{ name: 'login' }" class="button is-black">
diff --git a/resources/js/views/Create.vue b/resources/js/views/Create.vue
index 631fc214..4e01605a 100644
--- a/resources/js/views/Create.vue
+++ b/resources/js/views/Create.vue
@@ -90,7 +90,7 @@
                 axios.defaults.headers.common['Authorization'] = 'Bearer ' + token
 
                 axios.post('/api/twofaccounts', this.twofaccount).then(response => {
-                    this.$router.push({name: 'accounts', params: { InitialEditMode: true }});
+                    this.$router.push({name: 'accounts', params: { InitialEditMode: false }});
                 })
             },
 
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index ac47cc9a..eecaba64 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -94,7 +94,7 @@ footer {
   z-index: 30;
 }
 
-footer .field.has-addons {
+footer .field.is-grouped {
   justify-content: center;
 }