From 739dee20d2afca7028e7fcf2cc8ed466d7229418 Mon Sep 17 00:00:00 2001
From: Guillaume Vincent <guillaume@oslab.fr>
Date: Thu, 2 Feb 2017 17:14:56 +0100
Subject: [PATCH] make version button size configurable

---
 src/components/VersionButton.vue | 8 +++++++-
 src/views/Login.vue              | 8 ++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/VersionButton.vue b/src/components/VersionButton.vue
index f362f81..7995e69 100644
--- a/src/components/VersionButton.vue
+++ b/src/components/VersionButton.vue
@@ -2,7 +2,7 @@
     <div>
         <label>Version</label>
         <br>
-        <div class="btn-group btn-group-sm">
+        <div class="btn-group" v-bind:class="{'btn-group-sm':small}">
             <button type="button" class="btn"
                     v-bind:class="{'btn-primary':version===2,'btn-secondary':version!==2}" v-on:click="setVersion(2)">
                 v2
@@ -17,6 +17,12 @@
 <script type="text/ecmascript-6">
     import {mapGetters} from 'vuex';
     export default {
+        props: {
+            small: {
+                type: Boolean,
+                default: true
+            }
+        },
         computed: {
             ...mapGetters(['version'])
         },
diff --git a/src/views/Login.vue b/src/views/Login.vue
index c268056..ce5af73 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -49,8 +49,8 @@
                 {{ errorMessage }}
             </div>
         </div>
-        <div class="form-group row mt-3" v-if="showOptions || errors.baseURLRequired">
-            <div class="col-12 col-sm-8">
+        <div class="form-group row" v-if="showOptions || errors.baseURLRequired">
+            <div class="col-12 col-sm-8 mt-3">
                 <label for="baseURL">LessPass Database Url</label>
                 <div class="inner-addon left-addon">
                     <i class="fa fa-globe"></i>
@@ -64,8 +64,8 @@
                     </small>
                 </div>
             </div>
-            <div class="col-sm-4 col">
-                <version-button></version-button>
+            <div class="col-sm-4 col mt-3">
+                <version-button :small="false"></version-button>
             </div>
         </div>
         <div class="form-group my-0">