From ebbac54b28b63c77f9406426ace08fcef6cf77e6 Mon Sep 17 00:00:00 2001
From: Avele <kotoraxia@gmail.com>
Date: Mon, 8 Jul 2019 14:58:14 +0400
Subject: [PATCH] Category item section title buttons centered

---
 front/client/components/CategoryItemSection.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/front/client/components/CategoryItemSection.vue b/front/client/components/CategoryItemSection.vue
index 0c67239..20819b7 100644
--- a/front/client/components/CategoryItemSection.vue
+++ b/front/client/components/CategoryItemSection.vue
@@ -1,11 +1,12 @@
 <template>
   <div class="category-item-section">
-    <h3 class="title font-weight-bold mb-1">
-      {{title}}
+    <h3 class="category-item-section__title title font-weight-bold mb-1">
+      {{ title }}
       <category-item-btn
         small
         :title="editBtnTitle"
         :icon="editBtnIcon"
+        class="ml-1"
         @click="toggleEdit"
       />
     </h3>
@@ -82,4 +83,8 @@ export default class CategoryItemSection extends Vue {
 .category-item-section:not(:last-child) {
   margin-bottom: 15px;
 }
+.category-item-section__title {
+  display: flex;
+  align-items: center;
+}
 </style>