From 25dbaee83ff9186ead1c70fe85f2a7546b081957 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Fri, 5 Feb 2021 10:41:45 +0100
Subject: [PATCH] improve page navigation buttons

---
 docs/src/components/PageNavigation/index.vue  | 44 +++++++++----------
 docs/src/components/PageNavigation/style.scss |  1 -
 2 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/docs/src/components/PageNavigation/index.vue b/docs/src/components/PageNavigation/index.vue
index 0604b1b3..080d3cc8 100644
--- a/docs/src/components/PageNavigation/index.vue
+++ b/docs/src/components/PageNavigation/index.vue
@@ -1,35 +1,33 @@
 <template>
-  <nav class="page-navigation">
-    <div class="page-navigation__previous">
-      <btn
-        type="secondary"
-        icon="arrow-left"
-        icon-position="before"
-        :to="previousPage.link"
-        v-if="previousPage"
-      >
-        {{ previousPage.title }}
-      </btn>
-    </div>
-    <div class="page-navigation__next">
-      <btn
-        type="secondary"
-        icon="arrow-right"
-        :to="nextPage.redirect || nextPage.link"
-        v-if="nextPage"
-      >
-        {{ nextPage.title }}
-      </btn>
-    </div>
-  </nav>
+  <btn-wrapper class="page-navigation">
+    <btn
+      type="secondary"
+      icon="arrow-left"
+      icon-position="before"
+      :to="previousPage.link"
+      v-if="previousPage"
+    >
+      {{ previousPage.title }}
+    </btn>
+    <btn
+      type="secondary"
+      icon="arrow-right"
+      :to="nextPage.redirect || nextPage.link"
+      v-if="nextPage"
+    >
+      {{ nextPage.title }}
+    </btn>
+  </btn-wrapper>
 </template>
 
 <script>
 import linkGroups from '@/links.yaml'
+import BtnWrapper from '~/components/BtnWrapper'
 import Btn from '~/components/Btn'
 
 export default {
   components: {
+    BtnWrapper,
     Btn,
   },
 
diff --git a/docs/src/components/PageNavigation/style.scss b/docs/src/components/PageNavigation/style.scss
index f5057b8d..95a5e549 100644
--- a/docs/src/components/PageNavigation/style.scss
+++ b/docs/src/components/PageNavigation/style.scss
@@ -1,4 +1,3 @@
 .page-navigation {
-  display: flex;
   justify-content: space-between;
 }