From dd357a84872786103d0035c5b4b80a4121f4098c Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Thu, 11 Mar 2021 15:48:23 +0100
Subject: [PATCH] use b-btn-close in TextCard & fix base height

---
 src/assets/scss/main.scss        | 7 ++++++-
 src/components/text/TextCard.vue | 4 +---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index fe2fffd..697d708 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -7,8 +7,13 @@ html, body, #app {
   height: 100%;
 }
 
+#app {
+  display: flex;
+  flex-direction: column;
+}
+
 main {
-  height: calc(100vh - 56px);
+  height: 100%;
 }
 
 // Layouts
diff --git a/src/components/text/TextCard.vue b/src/components/text/TextCard.vue
index 6570b11..ffe343c 100644
--- a/src/components/text/TextCard.vue
+++ b/src/components/text/TextCard.vue
@@ -23,9 +23,7 @@
               {{ child.id }}
             </b-nav-item>
 
-            <b-nav-item @click="$emit('close', id)">
-              x
-            </b-nav-item>
+            <b-button-close @click="$emit('close', id)" />
           </b-nav>
         </b-card-header>