From 9ba611649c88879ef52f22e0132e19f88ef7a9ac Mon Sep 17 00:00:00 2001
From: Alireza Ahmadi <alireza7@gmail.com>
Date: Tue, 27 Feb 2024 19:53:57 +0100
Subject: [PATCH] styling small changes

---
 frontend/src/layouts/default/AppBar.vue  | 1 +
 frontend/src/layouts/default/Default.vue | 7 +++++++
 frontend/src/views/Basics.vue            | 9 +--------
 frontend/src/views/Clients.vue           | 2 +-
 frontend/src/views/Inbounds.vue          | 2 +-
 5 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/frontend/src/layouts/default/AppBar.vue b/frontend/src/layouts/default/AppBar.vue
index c82f003..5dc2d04 100644
--- a/frontend/src/layouts/default/AppBar.vue
+++ b/frontend/src/layouts/default/AppBar.vue
@@ -1,6 +1,7 @@
 <template>
   <v-app-bar :elevation="5">
     <v-icon v-if="isMobile" icon="mdi-menu" @click="$emit('toggleDrawer')" />
+    <span v-else style="width: 24px"></span>
     <v-app-bar-title :text="$t(<string>$router.currentRoute.value.name)" class="align-center text-center " />
     <v-btn prepend-icon="mdi-content-save" v-if="stateChange" :text="$t('actions.save')" @click="saveChanges"></v-btn>
     <v-icon icon="mdi-theme-light-dark" @click="toggleTheme()" style="margin: 0 10px;"></v-icon>
diff --git a/frontend/src/layouts/default/Default.vue b/frontend/src/layouts/default/Default.vue
index 1ad7ba8..578f66c 100644
--- a/frontend/src/layouts/default/Default.vue
+++ b/frontend/src/layouts/default/Default.vue
@@ -25,3 +25,10 @@ const isMobile = computed( ():boolean =>{
   return smAndDown.value
 })
 </script>
+
+<style>
+.v-card-subtitle {
+  text-align: center;
+  border-bottom: 1px solid gray;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/src/views/Basics.vue b/frontend/src/views/Basics.vue
index db3e8f8..df9b8fc 100644
--- a/frontend/src/views/Basics.vue
+++ b/frontend/src/views/Basics.vue
@@ -336,11 +336,4 @@ const enableClashApi = computed({
     } else { delete appConfig.value.experimental.clash_api  }
   }
 })
-</script>
-
-<style>
-.v-card-subtitle {
-  text-align: center;
-  border-bottom: 1px solid gray;
-}
-</style>
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/frontend/src/views/Clients.vue b/frontend/src/views/Clients.vue
index 0aae0e1..7f7076f 100644
--- a/frontend/src/views/Clients.vue
+++ b/frontend/src/views/Clients.vue
@@ -24,7 +24,7 @@
     @close="closeStats"
   />
   <v-row>
-    <v-col cols="12">
+    <v-col cols="12" justify="center" align="center">
       <v-btn color="primary" @click="showModal(-1)">{{ $t('actions.add') }}</v-btn>
     </v-col>
   </v-row>
diff --git a/frontend/src/views/Inbounds.vue b/frontend/src/views/Inbounds.vue
index 5301cb0..b9c90ea 100644
--- a/frontend/src/views/Inbounds.vue
+++ b/frontend/src/views/Inbounds.vue
@@ -16,7 +16,7 @@
     @close="closeStats"
   />
   <v-row>
-    <v-col cols="12">
+    <v-col cols="12" justify="center" align="center">
       <v-btn color="primary" @click="showModal(-1)">{{ $t('actions.add') }}</v-btn>
     </v-col>
   </v-row>