From 28fccecac25c62ad3033c2eb06a9e2ec05536dc8 Mon Sep 17 00:00:00 2001
From: Nikolai Dorofeev <dorich2000@gmail.com>
Date: Thu, 10 Aug 2023 16:19:09 +0400
Subject: [PATCH] [DO-600] Swap prev/next buttons and GitHub options buttons
 (#55)

* Swap github actions and surround cards

* Reduce space between article and next/prev buttons
---
 pages/[...slug].vue | 35 ++++++++++++++++++++---------------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index e571b30..2a80d39 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -22,27 +22,32 @@
       <article class="mb-10">
         <ContentRenderer v-if="doc && doc._type === 'markdown'" :value="doc">
           <ContentRendererMarkdown :value="doc" class="gevamu-prose" />
-          <nav
-            class="justify-center grid sm:grid-cols-2 gap-8 items-start mt-32 print:hidden"
-          >
-            <EpLayoutSurroundDocCard
-              v-if="doc.before"
-              :doc="doc.before"
-              direction="before"
-            />
-            <EpLayoutSurroundDocCard
-              v-if="doc.after"
-              :doc="doc.after"
-              direction="after"
-            />
-          </nav>
+          <EpLayoutGithubActions
+            v-if="doc"
+            :doc="doc"
+            class="mt-10 print:hidden"
+          />
         </ContentRenderer>
         <div v-else-if="doc" class="gevamu-prose w-screen">
           <h1>{{ doc._dir.title }} pages</h1>
           <!-- TODO: Generate index page -->
         </div>
       </article>
-      <EpLayoutGithubActions v-if="doc" :doc="doc" class="print:hidden" />
+      <nav
+        v-if="doc"
+        class="justify-center grid sm:grid-cols-2 gap-8 items-start mt-24 print:hidden"
+      >
+        <EpLayoutSurroundDocCard
+          v-if="doc.before"
+          :doc="doc.before"
+          direction="before"
+        />
+        <EpLayoutSurroundDocCard
+          v-if="doc.after"
+          :doc="doc.after"
+          direction="after"
+        />
+      </nav>
     </div>
   </NuxtLayout>
 </template>