From 46f864f79e98dc1482b5a4a5f9a60126e38e14b6 Mon Sep 17 00:00:00 2001
From: Guillaume Vincent <guillaume@oslab.fr>
Date: Sat, 4 Feb 2017 10:01:00 +0100
Subject: [PATCH] make info alert more visible in default options view

---
 src/views/ConfigureOptions.vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/views/ConfigureOptions.vue b/src/views/ConfigureOptions.vue
index 101bba8..3509df8 100644
--- a/src/views/ConfigureOptions.vue
+++ b/src/views/ConfigureOptions.vue
@@ -1,6 +1,16 @@
 <template>
     <div>
         <div class="form-group">
+            <div class="alert alert-info" v-if="defaultPassword.version===2">
+                Default options are automatically saved <strong>locally</strong></small>
+            </div>
+            <div class="alert alert-danger" v-if="defaultPassword.version===1">
+                Version 1 is deprecated and will be removed in
+                <strong aria-label="April, 10 2017" class="hint--right">{{ getDayBeforeOnlyV2() }} days</strong>.
+                We strongly advise you to migrate your passwords to version 2.
+            </div>
+        </div>
+        <div class="form-group">
             <label for="login">Login</label>
             <div class="inner-addon left-addon">
                 <i class="fa fa-user"></i>
@@ -16,16 +26,6 @@
             </div>
         </div>
         <options v-bind:password="defaultPassword" v-on:optionsUpdated="updatePassword"></options>
-        <div class="form-group">
-            <div class="alert alert-info" v-if="defaultPassword.version===2">
-                Default options are automatically saved <strong>locally</strong></small>
-            </div>
-            <div class="alert alert-danger" v-if="defaultPassword.version===1">
-                Version 1 is deprecated and will be removed in
-                <strong aria-label="April, 10 2017" class="hint--right">{{ getDayBeforeOnlyV2() }} days</strong>.
-                We strongly advise you to migrate your passwords to version 2.
-            </div>
-        </div>
     </div>
 </template>