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

@@ -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>
             )}
 
+            <div className="mt-5 flex flex-col sm:flex-row sm:items-stretch gap-3">
               <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"
+                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>

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");