From 87efd394a114acfbb0e9b93baad13221ce80565e Mon Sep 17 00:00:00 2001
From: liushuyu <liushuyu011@gmail.com>
Date: Tue, 10 Dec 2019 01:02:33 -0700
Subject: [PATCH] use actual buttons

---
 ui/src/views/CompleteView.vue   |  2 +-
 ui/src/views/ErrorView.vue      |  4 ++--
 ui/src/views/ModifyView.vue     | 12 ++++++------
 ui/src/views/SelectPackages.vue | 20 ++++++++++----------
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/ui/src/views/CompleteView.vue b/ui/src/views/CompleteView.vue
index 88a044c..4e8bbee 100644
--- a/ui/src/views/CompleteView.vue
+++ b/ui/src/views/CompleteView.vue
@@ -23,7 +23,7 @@
 
             <div class="field is-grouped is-right-floating is-bottom-floating">
                 <p class="control">
-                    <a class="button is-dark is-medium" v-on:click="exit">{{ $t('exit') }}</a>
+                    <b-button class="is-dark is-medium" v-on:click="exit">{{ $t('exit') }}</b-button>
                 </p>
             </div>
     </div>
diff --git a/ui/src/views/ErrorView.vue b/ui/src/views/ErrorView.vue
index 834673d..be9626a 100644
--- a/ui/src/views/ErrorView.vue
+++ b/ui/src/views/ErrorView.vue
@@ -5,8 +5,8 @@
     </b-message>
     <div class="field is-grouped is-right-floating" v-bind:class="{ 'is-bottom-floating': !$root.$data.metadata.is_launcher, 'is-top-floating': $root.$data.metadata.is_launcher }">
       <p class="control">
-        <a class="button is-primary is-medium" v-if="remaining && !$root.$data.metadata.is_launcher" v-on:click="go_back">{{ $t('back') }}</a>
-        <a class="button is-primary is-medium" v-if="$root.$data.metadata.is_launcher" v-on:click="exit">{{ $t('exit') }}</a>
+        <b-button class="is-primary is-medium" v-if="remaining && !$root.$data.metadata.is_launcher" v-on:click="go_back">{{ $t('back') }}</b-button>
+        <b-button class="is-primary is-medium" v-if="$root.$data.metadata.is_launcher" v-on:click="exit">{{ $t('exit') }}</b-button>
       </p>
     </div>
   </div>
diff --git a/ui/src/views/ModifyView.vue b/ui/src/views/ModifyView.vue
index 7751ada..8b40f1e 100644
--- a/ui/src/views/ModifyView.vue
+++ b/ui/src/views/ModifyView.vue
@@ -2,21 +2,21 @@
     <div class="column has-padding">
             <h4 class="subtitle">{{ $t('modify.title') }}</h4>
 
-            <a class="button is-dark is-medium" v-on:click="update">
+            <b-button class="is-dark is-medium" v-on:click="update">
                 {{ $t('modify.update') }}
-            </a>
+            </b-button>
             <br />
             <br />
 
-            <a class="button is-dark is-medium" v-on:click="modify_packages">
+            <b-button class="is-dark is-medium" v-on:click="modify_packages">
                 {{ $t('modify.modify') }}
-            </a>
+            </b-button>
             <br />
             <br />
 
-            <a class="button is-dark is-medium" v-on:click="prepare_uninstall">
+            <b-button class="is-dark is-medium" v-on:click="prepare_uninstall">
                 {{ $t('modify.uninstall') }}
-            </a>
+            </b-button>
 
             <div class="modal is-active" v-if="show_uninstall">
                 <div class="modal-background"></div>
diff --git a/ui/src/views/SelectPackages.vue b/ui/src/views/SelectPackages.vue
index 7ca744e..c06be22 100644
--- a/ui/src/views/SelectPackages.vue
+++ b/ui/src/views/SelectPackages.vue
@@ -28,33 +28,33 @@
                            :placeholder="$t('select_packages.location_placeholder')">
                 </div>
                 <div class="control">
-                    <a class="button is-dark" v-on:click="select_file">
+                    <b-button class="is-dark" v-on:click="select_file">
                         {{ $t('select_packages.select') }}
-                    </a>
+                    </b-button>
                 </div>
             </div>
 
             <div class="is-right-floating is-bottom-floating">
                 <div class="field is-grouped">
                     <p class="control">
-                        <a class="button is-medium" v-if="!$root.$data.config.hide_advanced && !$root.$data.metadata.preexisting_install && !advanced"
-                           v-on:click="advanced = true">{{ $t('select_packages.advanced') }}</a>
+                        <b-button class="is-medium" v-if="!$root.$data.config.hide_advanced && !$root.$data.metadata.preexisting_install && !advanced"
+                           v-on:click="advanced = true">{{ $t('select_packages.advanced') }}</b-button>
                     </p>
                     <p class="control">
-                        <a class="button is-dark is-medium" v-if="!$root.$data.metadata.preexisting_install"
-                           v-on:click="install">{{ $t('select_packages.install') }}</a>
+                        <b-button class="is-dark is-medium" v-if="!$root.$data.metadata.preexisting_install"
+                           v-on:click="install">{{ $t('select_packages.install') }}</b-button>
                     </p>
                     <p class="control">
-                        <a class="button is-dark is-medium" v-if="$root.$data.metadata.preexisting_install"
-                           v-on:click="install">{{ $t('select_packages.modify') }}</a>
+                        <b-button class="is-dark is-medium" v-if="$root.$data.metadata.preexisting_install"
+                           v-on:click="install">{{ $t('select_packages.modify') }}</b-button>
                     </p>
                 </div>
             </div>
 
             <div class="field is-grouped is-left-floating is-bottom-floating">
                 <p class="control">
-                    <a class="button is-medium" v-if="$root.$data.metadata.preexisting_install"
-                       v-on:click="go_back">{{ $t('back') }}</a>
+                    <b-button class="is-medium" v-if="$root.$data.metadata.preexisting_install"
+                       v-on:click="go_back">{{ $t('back') }}</b-button>
                 </p>
             </div>
         </div>