From 32f7738ee88e63f34fa3338502bcb0c29c5ff06d Mon Sep 17 00:00:00 2001
From: FOLX Bot <bot@folx.tv>
Date: Sun, 16 Aug 2026 19:41:26 +0200
Subject: [PATCH] Vrstica rubrik na /aktuelles se prelomi v mrezo namesto
 vodoravnega pomikanja - vse teme vidne in klikljive

---
 client/src/pages/aktuelles.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/client/src/pages/aktuelles.tsx b/client/src/pages/aktuelles.tsx
index 1590fd6..7276b77 100644
--- a/client/src/pages/aktuelles.tsx
+++ b/client/src/pages/aktuelles.tsx
@@ -65,15 +65,11 @@ export default function AktuellesPage() {
       <PageSideAds />
 
       {/* Vrstica rubrik kot na ONE — brez horoskopa, ta ima na folx.tv svojo stran */}
-      <nav
-        className="border-y border-card-border bg-card overflow-x-auto"
-        style={{ scrollbarWidth: "none" }}
-        data-testid="nav-aktuelles-rubriken"
-      >
-        <div className="max-w-7xl mx-auto flex items-stretch w-max md:w-full">
+      <nav className="border-y border-card-border bg-card" data-testid="nav-aktuelles-rubriken">
+        <div className="max-w-7xl mx-auto grid grid-cols-3 sm:grid-cols-5">
           <button
             onClick={() => go("")}
-            className={`px-5 py-3 text-sm font-bold uppercase tracking-wide whitespace-nowrap border-r border-card-border transition-colors ${
+            className={`px-3 py-3 text-[13px] sm:text-sm font-bold uppercase tracking-wide text-center border-r border-b border-card-border transition-colors ${
               !rubrik ? "bg-primary text-primary-foreground" : "text-foreground/80 hover:text-primary"
             }`}
             data-testid="link-rubrik-alle"
@@ -84,7 +80,7 @@ export default function AktuellesPage() {
             <button
               key={r}
               onClick={() => go(r)}
-              className={`px-5 py-3 text-sm font-bold uppercase tracking-wide whitespace-nowrap border-r border-card-border transition-colors ${
+              className={`px-3 py-3 text-[13px] sm:text-sm font-bold uppercase tracking-wide text-center border-r border-b border-card-border transition-colors ${
                 rubrik === r ? "bg-primary text-primary-foreground" : "text-foreground/80 hover:text-primary"
               }`}
               data-testid={`link-rubrik-${r.toLowerCase().replace(/[^a-z]+/g, "-")}`}