2

frontend/src/templates/ContentViewTemplate.tsx

@@ -816,7 +816,7 @@ export default function ContentViewTemplate({ content, loading, onBack }: Conten
         )}
 
         {/* Main Content Card */}
-        <div className="bg-white dark:bg-gray-800 overflow-hidden">
+        <div className="overflow-hidden">
           {/* Header Section */}
           <div className="bg-gradient-to-r from-brand-500 to-brand-600 px-8 py-6 text-white">
             <div className="flex items-start justify-between gap-4">
@@ -1111,7 +1111,7 @@ export default function ContentViewTemplate({ content, loading, onBack }: Conten
 
           {/* Featured Image */}
           {shouldShowFeaturedBlock && (
-            <div className="px-8 pt-8">
+            <div className="mb-12 max-w-[800px] mx-auto">
               <FeaturedImageBlock image={resolvedFeaturedImage} loading={imagesLoading} />
             </div>
           )}
@@ -1125,15 +1125,13 @@ export default function ContentViewTemplate({ content, loading, onBack }: Conten
           )}
 
           {/* Article Body */}
-          <div className="px-8 pb-10 pt-10">
-            <ArticleBody
-              introHtml={parsedArticle.introHtml}
-              sections={parsedArticle.sections}
-              sectionImages={resolvedInArticleImages}
-              imagesLoading={imagesLoading}
-              rawHtml={content.content_html}
-            />
-          </div>
+          <ArticleBody
+            introHtml={parsedArticle.introHtml}
+            sections={parsedArticle.sections}
+            sectionImages={resolvedInArticleImages}
+            imagesLoading={imagesLoading}
+            rawHtml={content.content_html}
+          />
 
           {/* Metadata JSON (Collapsible) */}
           {content.metadata && Object.keys(content.metadata).length > 0 && (