From a60c55aa5d6c61e44a2813f76d07aaf83e2dc13c Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Tue, 14 Oct 2025 09:23:45 +0000
Subject: [PATCH] Improve presentation of Mohamed Salah slides with cleaner
 design

Update the Mohamed Salah slide component to remove extraneous white boxes and improve overall visual presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/6ZMblp5
---
 client/src/pages/Report.tsx | 48 ++++++++++++++++++-------------------
 1 file changed, 23 insertions(+), 25 deletions(-)

diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx
index 2420e79..1160247 100644
--- a/client/src/pages/Report.tsx
+++ b/client/src/pages/Report.tsx
@@ -91,32 +91,30 @@ function MohamedSalahSlides() {
 
   return (
     <div className="space-y-6">
-      <div className="w-full relative overflow-hidden" style={{ paddingTop: '56.25%' }} data-testid="slide-container-16-9">
-        <Card className="absolute inset-0 bg-white">
-          <CardContent className="p-0 h-full w-full flex items-center justify-center">
-            {isLoading && (
-              <div className="absolute inset-0 flex items-center justify-center bg-white 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>
-                </div>
+      <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">
+          {isLoading && (
+            <div className="absolute inset-0 flex items-center justify-center bg-white 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>
               </div>
-            )}
-            <Document
-              file="/attached_assets/mohamed_salah_pdf_en_1760419721874.pdf"
-              onLoadSuccess={onDocumentLoadSuccess}
-              options={pdfOptions}
-            >
-              <Page 
-                pageNumber={currentSlide}
-                width={1000}
-                renderTextLayer={false}
-                renderAnnotationLayer={false}
-                data-testid="canvas-pdf-slide"
-              />
-            </Document>
-          </CardContent>
-        </Card>
+            </div>
+          )}
+          <Document
+            file="/attached_assets/mohamed_salah_pdf_en_1760419721874.pdf"
+            onLoadSuccess={onDocumentLoadSuccess}
+            options={pdfOptions}
+          >
+            <Page 
+              pageNumber={currentSlide}
+              width={1000}
+              renderTextLayer={false}
+              renderAnnotationLayer={false}
+              data-testid="canvas-pdf-slide"
+            />
+          </Document>
+        </div>
       </div>
 
       <div className="space-y-4">