From a29ba4a91a22143dc19966840ad211a8a1ae0019 Mon Sep 17 00:00:00 2001
From: bogd <bogd@live.ru>
Date: Tue, 12 Dec 2023 11:52:16 +0200
Subject: [PATCH] system buttons own width

---
 CardActions.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/CardActions.vue b/CardActions.vue
index 4ef7229..d83698f 100644
--- a/CardActions.vue
+++ b/CardActions.vue
@@ -1,14 +1,24 @@
 <template>
   <q-card-section>
     <q-card-actions align="right">
-      <q-btn class="btn" flat v-on:click="PostData(senddata, 1, 0, ShowDelayDialog('Data applying...', 250, null))">Apply</q-btn>
-      <q-btn class="btn" flat v-on:click="PostData(senddata, 1, 1, ShowDelayDialog('Data saving...', 250, null))">Save</q-btn>
-      <q-btn class="btn" flat v-on:click="PostData(senddata, 1, 2, ShowDelayDialog('Data saving and reboot...', 10000, pageReload))">Save &
+      <q-btn class="sysbtn q-mt-sm" flat
+        v-on:click="PostData(senddata, 1, 0, ShowDelayDialog('Data applying...', 250, null))">Apply</q-btn>
+      <q-btn class="sysbtn q-mt-sm" flat
+        v-on:click="PostData(senddata, 1, 1, ShowDelayDialog('Data saving...', 250, null))">Save</q-btn>
+      <q-btn class="sysbtn q-mt-sm" flat
+        v-on:click="PostData(senddata, 1, 2, ShowDelayDialog('Data saving and reboot...', 10000, pageReload))">Save &
         Reboot</q-btn>
     </q-card-actions>
   </q-card-section>
 </template>
 
+<style>
+.sysbtn {
+  border: 1px solid rgba(128, 128, 128, 0.4);
+  border-radius: 5px;
+}
+</style>
+
 <script setup>
 import { PostData, PostDataControlled } from "components/webguicomp/network";
 import { ShowDelayDialog } from "./helpers";