Use proper button classes

src/account/NetworkPage.vue

@@ -54,7 +54,9 @@
         </div>
 
         <div v-if="network.state === 'running' && configs.networkUuid && network.uuid === configs.networkUuid">
-            <button @click="requestRestoreKey()">{{messages.link_network_action_request_keys}}</button>
+            <button class="btn btn-secondary" @click="requestRestoreKey()">
+                {{messages.link_network_action_request_keys}}
+            </button>
             <div v-if="errors.has('networkKeys')" class="invalid-feedback d-block">{{ errors.first('networkKeys') }}</div>
             <div v-if="networkKeysRequested && networkKeysRequested === networkId">{{messages.message_network_action_keys_requested}}</div>
 
@@ -70,7 +72,7 @@
                     <input type="text" v-model="restoreKeyPassword" v-validate="'required'" name="restoreKeyPassword" class="form-control" :class="{ 'is-invalid': errors.has('password') }" />
                     <div v-if="errors.has('password')" class="invalid-feedback">{{ errors.first('password') }}</div>
                 </div>
-                <button>{{messages.button_label_retrieve_keys}}</button>
+                <button class="btn btn-secondary">{{messages.button_label_retrieve_keys}}</button>
                 <div v-if="networkKeys">
                     <hr/>
                     <h4><b>{{messages.message_network_keys}}</b></h4>: {{networkKeys}}
@@ -92,13 +94,13 @@
             <div v-if="errors.has('accountPlan')" class="invalid-feedback d-block">{{ errors.first('accountPlan') }}</div>
             <div v-if="network.state === 'running' || network.state === 'starting'" style="border: 2px solid #000;">
                 <hr/>
-                <button @click="stopNet()" class="text-danger">{{messages.link_network_action_stop}}</button>
+                <button @click="stopNet()" class="btn btn-danger">{{messages.link_network_action_stop}}</button>
                 {{messages.link_network_action_stop_description}}
             </div>
             <div v-else></div>
             <hr/>
             <div v-if="network.state === 'stopped' || network.state === 'error_stopping'" style="border: 2px solid #000;">
-                <button @click="deleteNet()" class="text-danger">{{messages.link_network_action_delete}}</button>
+                <button @click="deleteNet()" class="btn btn-danger">{{messages.link_network_action_delete}}</button>
                 {{messages.link_network_action_delete_description}}
             </div>
         </div>