From 9e820011a7fb5a5a16e3038fc6970d53e907455a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Wed, 27 Aug 2025 13:41:08 +0200
Subject: [PATCH] Fix button distance to posts under mini-blog

- Remove superfluid scss
---
 docs/.vuepress/components/MiniBlog.vue | 10 ++++++----
 docs/.vuepress/styles/palette.scss     |  1 +
 docs/de/README.md                      |  4 ++--
 docs/en/README.md                      |  4 ++--
 docs/es/README.md                      |  4 ++--
 docs/fr/README.md                      |  4 ++--
 6 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/docs/.vuepress/components/MiniBlog.vue b/docs/.vuepress/components/MiniBlog.vue
index 14bc689..5550727 100644
--- a/docs/.vuepress/components/MiniBlog.vue
+++ b/docs/.vuepress/components/MiniBlog.vue
@@ -60,11 +60,11 @@ const formatDate = (d) =>
         <p>Keine Artikel im aktuellen Locale gefunden.</p>
       </div>
 
-      <!-- <div id="hero-button" class="mini-blog__footer">
+      <!-- <div class="mini-blog__footer">
         <RouterLink :to="articleIndex" class="mini-blog__all">Alle Artikel ansehen</RouterLink>
       </div> -->
-      <div class="center">
-        <a id="hero-button mini-blog__footer" :href="articleIndex">
+      <div class="center mini-blog__footer">
+        <a :href="articleIndex">
           <Button>
             {{ showAllPostsButtonTitle }}
           </Button>
@@ -150,7 +150,9 @@ const formatDate = (d) =>
 /* Footer */
 .card__more { margin-top: .25rem; font-weight: 600; text-decoration: none; }
 .card__more:hover { text-decoration: underline; }
-.mini-blog__footer { margin-top: 1rem; }
+.mini-blog__footer {
+  margin-top: 1.0rem;
+}
 
 /* Empty */
 .mini-blog__empty { opacity: .8; }
diff --git a/docs/.vuepress/styles/palette.scss b/docs/.vuepress/styles/palette.scss
index 26112a6..6226fd5 100644
--- a/docs/.vuepress/styles/palette.scss
+++ b/docs/.vuepress/styles/palette.scss
@@ -85,6 +85,7 @@ h1, h2, h3, h4 {
   border-style: solid;
   border-radius: 5px;
   padding: 12px 16px;
+  margin-top: 12px;
   cursor: grab;
 
   html[data-theme="dark"] & {
diff --git a/docs/de/README.md b/docs/de/README.md
index de3ad02..b71f9e3 100644
--- a/docs/de/README.md
+++ b/docs/de/README.md
@@ -184,7 +184,7 @@ description: Eine freie Open-Source-Software, mit der du ein soziales Netzwerk f
 </div>
 
 <div class="all-features">
-  <a id="hero-button" href="/de/features/">
+  <a href="/de/features/">
     <Button>
       Alle Funktionen ansehen
     </Button>
@@ -276,7 +276,7 @@ description: Eine freie Open-Source-Software, mit der du ein soziales Netzwerk f
     <i>Ocelot.social</i> kannst du auf einem eigenen Server hosten oder es hosten lassen.<br>
     Schau dir an, welche Möglichkeiten es gibt:
   </p>
-  <a id="hero-button" href="/de/get-started/">
+  <a href="/de/get-started/">
     <Button>
       Los geht’s
     </Button>
diff --git a/docs/en/README.md b/docs/en/README.md
index 6fde3a4..c7bf9fb 100644
--- a/docs/en/README.md
+++ b/docs/en/README.md
@@ -183,7 +183,7 @@ description: A free and open source software with which you can operate a social
 </div>
 
 <div class="all-features">
-  <a id="hero-button" href="/en/features/">
+  <a href="/en/features/">
     <Button>
       View all functions
     </Button>
@@ -277,7 +277,7 @@ description: A free and open source software with which you can operate a social
     You can host <i>ocelot.social</i> on your own server or have it hosted.<br>
     Take a look at the options available:
   </p>
-  <a id="hero-button" href="/en/get-started/">
+  <a href="/en/get-started/">
     <Button>
       Let’s go
     </Button>
diff --git a/docs/es/README.md b/docs/es/README.md
index a46f9eb..633addf 100644
--- a/docs/es/README.md
+++ b/docs/es/README.md
@@ -184,7 +184,7 @@ description: "Un software libre y de código abierto con el que puedes gestionar
 </div>
 
 <div class="all-features">
-  <a id="hero-button" href="/es/features/">
+  <a href="/es/features/">
     <Button>
       Ver todas las funciones
     </Button>
@@ -245,7 +245,7 @@ description: "Un software libre y de código abierto con el que puedes gestionar
     Puedes alojar <i>ocelot.social</i> en tu propio servidor o hacer que lo alojen por ti.<br>
     Echa un vistazo a las opciones disponibles:
   </p>
-  <a id="hero-button" href="/es/get-started/">
+  <a href="/es/get-started/">
     <Button>
       Vamos allá
     </Button>
diff --git a/docs/fr/README.md b/docs/fr/README.md
index 7d22e42..359bbc1 100644
--- a/docs/fr/README.md
+++ b/docs/fr/README.md
@@ -183,7 +183,7 @@ description: Un logiciel libre et open source avec lequel tu peux gérer un rés
 </div>
 
 <div class="all-features">
-  <a id="hero-button" href="/fr/features/">
+  <a href="/fr/features/">
     <Button>
       Toutes les fonctions
     </Button>
@@ -277,7 +277,7 @@ description: Un logiciel libre et open source avec lequel tu peux gérer un rés
     Tu peux héberger <i>ocelot.social</i> sur ton propre serveur ou le faire héberger.<br>
     Jetes un coup d’œil aux options disponibles :
   </p>
-  <a id="hero-button" href="/fr/get-started/">
+  <a href="/fr/get-started/">
     <Button>
       C’est parti !
     </Button>