From f71e41f8358a2df2d68d44b241a1d9c5c7abf88b Mon Sep 17 00:00:00 2001
From: disservin <45608332+Disservin@users.noreply.github.com>
Date: Sat, 22 Apr 2023 12:55:37 +0200
Subject: [PATCH] fix buttons size

---
 src/components/AppBtn.vue     |  7 ++++---
 src/components/AppCopyBtn.vue | 15 +--------------
 2 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/src/components/AppBtn.vue b/src/components/AppBtn.vue
index e5190c4..da98c66 100644
--- a/src/components/AppBtn.vue
+++ b/src/components/AppBtn.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="btn-wrap">
     <v-btn class="btn" color="primary" v-bind="$attrs">
       <font-awesome-icon icon="fa-solid fa-clipboard" />
       <span>{{ text }}</span>
@@ -27,11 +27,12 @@ export default defineComponent({
   border-radius: 5px;
   padding: 0.5rem;
   margin: 0.5rem;
-  width: 100%;
+  flex: auto;
 }
 .btn-wrap {
   display: flex;
-  justify-content: center;
+  flex-direction: row;
+  justify-content: space-between;
   background-color: var(--bg-tertiary);
   margin: 5px;
 }
diff --git a/src/components/AppCopyBtn.vue b/src/components/AppCopyBtn.vue
index d9918c9..aa5e723 100644
--- a/src/components/AppCopyBtn.vue
+++ b/src/components/AppCopyBtn.vue
@@ -26,17 +26,4 @@ export default defineComponent({
 });
 </script>
 
-<style scoped>
-.btn {
-  border-radius: 5px;
-  padding: 0.5rem;
-  margin: 0.5rem;
-  width: 100%;
-}
-.btn-wrap {
-  display: flex;
-  justify-content: center;
-  background-color: var(--bg-tertiary);
-  margin: 5px;
-}
-</style>
+<style></style>