From 08cdada5bc9ff273ff7633851827e89f14ce9df4 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Sun, 31 May 2026 18:37:45 +0200
Subject: [PATCH] silent scroll :)

---
 public/s/css/f0ckm.css         | 11 +++++++++--
 public/s/js/f0ckm.js           |  2 +-
 views/item-partial-legacy.html |  2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index 908d09d..530b133 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -9112,16 +9112,23 @@ html[theme="f0ck95d"] .badge-dark {
   font-size: x-large;
 }
 
-.steuerung.steuerung-icon a {
+.steuerung.steuerung-icon a,
+.steuerung.steuerung-icon button {
   color: white;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 1.6em;
   transition: color 0.15s ease, transform 0.15s ease;
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  font-size: inherit;
 }
 
-.steuerung.steuerung-icon a:hover {
+.steuerung.steuerung-icon a:hover,
+.steuerung.steuerung-icon button:hover {
   color: var(--accent);
 }
 
diff --git a/public/s/js/f0ckm.js b/public/s/js/f0ckm.js
index c395cbb..11ced8c 100644
--- a/public/s/js/f0ckm.js
+++ b/public/s/js/f0ckm.js
@@ -9177,7 +9177,7 @@ if (navigator.vibrate) {
 // The alternative icon nav replaces the Zufall link with a down-chevron that
 // scrolls the page to the bottom (comments / tag section).
 document.addEventListener('click', (e) => {
-  const link = e.target.closest('a.steuerung-scroll-down');
+  const link = e.target.closest('.steuerung-scroll-down');
   if (!link) return;
   e.preventDefault();
   window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });
diff --git a/views/item-partial-legacy.html b/views/item-partial-legacy.html
index 0545f7f..0bff769 100644
--- a/views/item-partial-legacy.html
+++ b/views/item-partial-legacy.html
@@ -70,7 +70,7 @@
                         @else
                         <a class="nav-prev" href="#" style="visibility: hidden"><i class="fa-solid fa-chevron-left"></i></a>
                         @endif
-                        <a class="steuerung-scroll-down" href="#scrolltobottom"><i class="fa-solid fa-chevron-down"></i></a>
+                        <button class="steuerung-scroll-down"><i class="fa-solid fa-chevron-down"></i></button>
                         @if(pagination.prev)
                         <a class="nav-next" href="{{ link.main }}{{ pagination.prev }}{{ link.suffix }}"><i class="fa-solid fa-chevron-right"></i></a>
                         @else