From 465d4c1923ee6985b03fcee3bc9879dabbc196c9 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 16:38:17 +0000
Subject: [PATCH] Improve video modal layout and styling for better
 presentation

Adjusted flex alignment for video title and share button, and updated button styling for share functionality in the video modal component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/Sy6XHzr
---
 client/src/components/bunny-video-modal.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/client/src/components/bunny-video-modal.tsx b/client/src/components/bunny-video-modal.tsx
index 74e4b3a..1efbfbf 100644
--- a/client/src/components/bunny-video-modal.tsx
+++ b/client/src/components/bunny-video-modal.tsx
@@ -249,23 +249,21 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
           {/* Video info always below video */}
           <div className="w-full max-w-lg ml-8">
             <div className="p-4 bg-gray-800 rounded-lg text-white relative">
-              <div className="flex justify-between items-start mb-3">
+              <div className="flex justify-between items-center mb-3">
                 <h3 className="font-bold text-xl whitespace-normal break-words flex-1 pr-4" data-testid="text-video-title">
                   {video.title}
                 </h3>
                 
                 {/* Share button next to title */}
                 <div className="relative">
-                  <Button
-                    variant="outline"
-                    size="sm"
+                  <button
                     onClick={() => setShowShareMenu(!showShareMenu)}
-                    className="text-white border-white/20 hover:bg-white/10"
+                    className="flex items-center gap-1 text-gray-300 hover:text-white text-sm transition-colors"
                     data-testid="button-share-video"
                   >
-                    <Share2 className="w-4 h-4 mr-2" />
+                    <Share2 className="w-4 h-4" />
                     Teilen
-                  </Button>
+                  </button>
                   
                   {showShareMenu && (
                     <div