From 10c24d3e8c777dcd59a9592555ba7974448761de Mon Sep 17 00:00:00 2001
From: folx bot <bot@folx.tv>
Date: Thu, 27 Aug 2026 10:33:39 +0200
Subject: [PATCH] Video stran: gumb na YouTube in povezava na clanek sta zdaj
 enakovredna gumba v eni vrsti (prej se je majhna rdeca povezava lepila ob
 gumb); besedilo Ganzen Artikel lesen namesto Ganzer Artikel auf folx.tv

---
 client/src/pages/video-detail.tsx | 44 ++++++++++++++++---------------
 server/static.ts                  |  2 +-
 2 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/client/src/pages/video-detail.tsx b/client/src/pages/video-detail.tsx
index 0811ea1..b5f95cf 100644
--- a/client/src/pages/video-detail.tsx
+++ b/client/src/pages/video-detail.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Link, useRoute } from "wouter";
-import { ArrowLeft, Play, Clock, Youtube } from "lucide-react";
+import { ArrowLeft, Play, Clock, Youtube, FileText } from "lucide-react";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
 import { PageSideAds, TopBannerAd, MultiplexAd } from "@/components/adsense";
@@ -131,16 +131,28 @@ export default function VideoDetailPage() {
               </p>
             )}
 
-            <a
-              href={v.youtubeUrl}
-              target="_blank"
-              rel="noopener"
-              className="mt-5 inline-flex w-full sm:w-auto items-center justify-center gap-2 rounded-md bg-primary px-6 py-3 text-base font-semibold text-primary-foreground hover:opacity-90"
-              data-testid="link-watch-youtube"
-            >
-              <Youtube className="w-5 h-5" />
-              Ganzes Video auf YouTube ansehen
-            </a>
+            <div className="mt-5 flex flex-col sm:flex-row sm:items-stretch gap-3">
+              <a
+                href={v.youtubeUrl}
+                target="_blank"
+                rel="noopener"
+                className="inline-flex w-full sm:w-auto items-center justify-center gap-2 rounded-md bg-primary px-6 py-3 text-base font-semibold text-primary-foreground hover:opacity-90"
+                data-testid="link-watch-youtube"
+              >
+                <Youtube className="w-5 h-5" />
+                Ganzes Video auf YouTube ansehen
+              </a>
+              {v.articleUrl && (
+                <a
+                  href={v.articleUrl}
+                  className="inline-flex w-full sm:w-auto items-center justify-center gap-2 rounded-md border border-border bg-transparent px-6 py-3 text-base font-semibold text-foreground hover:bg-muted"
+                  data-testid="link-article"
+                >
+                  <FileText className="w-5 h-5" />
+                  Ganzen Artikel lesen
+                </a>
+              )}
+            </div>
 
             {v.chapters?.length > 0 && (
               <section className="mt-8">
@@ -162,16 +174,6 @@ export default function VideoDetailPage() {
               </section>
             )}
 
-            {v.articleUrl && (
-              <a
-                href={v.articleUrl}
-                className="mt-3 inline-flex items-center gap-2 text-sm font-semibold text-primary hover:underline"
-                data-testid="link-article"
-              >
-                Ganzer Artikel auf folx.tv
-              </a>
-            )}
-
             {(v.descriptionClean || v.description) && (
               <section className="mt-8">
                 <h2 className="text-lg font-bold text-foreground mb-2">Zum Video</h2>
diff --git a/server/static.ts b/server/static.ts
index 8133f68..c0c7fc0 100644
--- a/server/static.ts
+++ b/server/static.ts
@@ -256,7 +256,7 @@ export function serveStatic(app: Express) {
           `<p><strong>${escapeHtml(desc)}</strong></p>`,
           chapterHtml,
           `<p><a href="${escapeHtml(v.youtubeUrl)}" target="_blank" rel="noopener">Das ganze Video auf YouTube ansehen</a></p>`,
-          v.articleUrl ? `<p><a href="${escapeHtml(v.articleUrl)}">Ganzer Artikel auf folx.tv</a></p>` : "",
+          v.articleUrl ? `<p><a href="${escapeHtml(v.articleUrl)}">Ganzen Artikel lesen</a></p>` : "",
           descHtml ? `<h2>Zum Video</h2>${descHtml}` : "",
           "</article>",
         ].join("\n");