From af38baccf865a0299c3ce5ebeb872f321847cf72 Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Wed, 15 Oct 2025 04:30:38 +0000
Subject: [PATCH] Improve logo size and slide display for better user
 experience

Adjusts the Sapiens logo size in the header across multiple pages and ensures slides in the Report section display correctly without background overflow.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/cEkjo93
---
 client/src/pages/Community.tsx   |  4 ++--
 client/src/pages/MediaOutlet.tsx |  4 ++--
 client/src/pages/Report.tsx      | 13 +++++++------
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/client/src/pages/Community.tsx b/client/src/pages/Community.tsx
index 265f63a..3889a48 100644
--- a/client/src/pages/Community.tsx
+++ b/client/src/pages/Community.tsx
@@ -136,11 +136,11 @@ export default function Community() {
                   </span>
                 </div>
               )}
-              <div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity mt-1" onClick={() => setLocation(`/media/${slug}`)}>
+              <div className="flex items-center space-x-3 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation(`/media/${slug}`)}>
                 <img 
                   src="/attached_assets/logo_black_1759162717640.png" 
                   alt="SAPIENS" 
-                  className="h-2.5 w-auto max-w-[70px] mb-0.5"
+                  className="h-7 w-auto"
                   data-testid="logo-sapiens"
                 />
                 <div className="flex items-center space-x-1.5">
diff --git a/client/src/pages/MediaOutlet.tsx b/client/src/pages/MediaOutlet.tsx
index e9f091e..5cbef20 100644
--- a/client/src/pages/MediaOutlet.tsx
+++ b/client/src/pages/MediaOutlet.tsx
@@ -207,11 +207,11 @@ export default function MediaOutlet() {
                   </span>
                 </div>
               )}
-              <div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity mt-1" onClick={() => setLocation("/")}>
+              <div className="flex items-center space-x-3 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}>
                 <img 
                   src="/attached_assets/logo_black_1759162717640.png" 
                   alt="SAPIENS" 
-                  className="h-2.5 w-auto max-w-[70px] mb-0.5"
+                  className="h-7 w-auto"
                   data-testid="logo-sapiens"
                 />
                 <div className="flex items-center space-x-1.5">
diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx
index 44960ef..1a8db7f 100644
--- a/client/src/pages/Report.tsx
+++ b/client/src/pages/Report.tsx
@@ -91,13 +91,13 @@ function MohamedSalahSlides() {
 
   return (
     <div className="space-y-6">
-      <div className="w-full relative overflow-hidden bg-white shadow-lg" style={{ paddingTop: '56.25%' }} data-testid="slide-container-16-9">
-        <div className="absolute inset-0 flex items-center justify-center">
+      <div className="w-full relative overflow-hidden bg-gray-900 rounded-lg" style={{ paddingTop: '56.25%' }} data-testid="slide-container-16-9">
+        <div className="absolute inset-0 flex items-center justify-center bg-gray-900">
           {isLoading && (
-            <div className="absolute inset-0 flex items-center justify-center bg-white z-10">
+            <div className="absolute inset-0 flex items-center justify-center bg-gray-900 z-10">
               <div className="text-center">
                 <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto mb-4"></div>
-                <p className="text-gray-600" data-testid="text-loading-slides">Loading slides...</p>
+                <p className="text-gray-400" data-testid="text-loading-slides">Loading slides...</p>
               </div>
             </div>
           )}
@@ -112,6 +112,7 @@ function MohamedSalahSlides() {
               renderTextLayer={false}
               renderAnnotationLayer={false}
               data-testid="canvas-pdf-slide"
+              className="max-w-full max-h-full object-contain"
             />
           </Document>
         </div>
@@ -473,11 +474,11 @@ export default function Report() {
                       </span>
                     </div>
                   )}
-                  <div className="flex flex-col cursor-pointer hover:opacity-80 transition-opacity mt-1" onClick={() => setLocation("/")}>
+                  <div className="flex items-center space-x-3 cursor-pointer hover:opacity-80 transition-opacity" onClick={() => setLocation("/")}>
                     <img 
                       src="/attached_assets/logo_black_1759162717640.png" 
                       alt="SAPIENS" 
-                      className="h-2.5 w-auto max-w-[70px] mb-0.5"
+                      className="h-7 w-auto"
                       data-testid="logo-sapiens"
                     />
                     <div className="flex items-center space-x-1.5">