From c2e8cad410875504783ed6917b38fd3a9ebcc057 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Tue, 2 May 2023 06:34:21 +0300
Subject: [PATCH] fix(docs): jumping link anchor (#3394)

---
 packages/docs/modules/page-config/blocks/headline/index.vue   | 4 ++--
 .../docs/modules/page-config/blocks/shared/anchor/Anchor.vue  | 1 -
 packages/docs/modules/page-config/blocks/subtitle/index.vue   | 4 ++--
 packages/docs/modules/page-config/blocks/title/index.vue      | 4 ++--
 4 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/docs/modules/page-config/blocks/headline/index.vue b/packages/docs/modules/page-config/blocks/headline/index.vue
index 0576e9c805..78274a2db5 100644
--- a/packages/docs/modules/page-config/blocks/headline/index.vue
+++ b/packages/docs/modules/page-config/blocks/headline/index.vue
@@ -13,11 +13,11 @@ const { t } = useI18n()
 </script>
 
 <template>
-  <h3 class="page-config-headline">
+  <h3 class="page-config-headline flex">
     <MarkdownView
       :content="t(text)"
       text
-      class="mr-2"
+      class="mr-1"
     />
     <Anchor :text="text" />
   </h3>
diff --git a/packages/docs/modules/page-config/blocks/shared/anchor/Anchor.vue b/packages/docs/modules/page-config/blocks/shared/anchor/Anchor.vue
index 50df3bae6f..dde93db87f 100644
--- a/packages/docs/modules/page-config/blocks/shared/anchor/Anchor.vue
+++ b/packages/docs/modules/page-config/blocks/shared/anchor/Anchor.vue
@@ -46,7 +46,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 .page-config-anchor {
   opacity: 0;
-  font-family: monospace !important;
   font-size: 95%;
   transition: opacity 0.1s ease-in-out;
 
diff --git a/packages/docs/modules/page-config/blocks/subtitle/index.vue b/packages/docs/modules/page-config/blocks/subtitle/index.vue
index 0eaf8dd089..10ece701e1 100644
--- a/packages/docs/modules/page-config/blocks/subtitle/index.vue
+++ b/packages/docs/modules/page-config/blocks/subtitle/index.vue
@@ -13,11 +13,11 @@ const { t } = useI18n()
 </script>
 
 <template>
-  <h2 class="page-config-subtitle">
+  <h2 class="page-config-subtitle flex">
     <MarkdownView
       :content="t(text)"
       text
-      class="mr-2"
+      class="mr-1"
     />
     <Anchor :text="text" />
   </h2>
diff --git a/packages/docs/modules/page-config/blocks/title/index.vue b/packages/docs/modules/page-config/blocks/title/index.vue
index a1328bf084..37c3263ad5 100644
--- a/packages/docs/modules/page-config/blocks/title/index.vue
+++ b/packages/docs/modules/page-config/blocks/title/index.vue
@@ -13,11 +13,11 @@ const { t } = useI18n()
 </script>
 
 <template>
-  <h1 class="page-config-title">
+  <h1 class="page-config-title flex">
     <MarkdownView
       :content="t(text)"
       text
-      class="mr-2"
+      class="mr-1"
     />
     <Anchor :text="text" />
   </h1>