From 66840a8ecd3e079807f9a6f4cd95da152f5c1a97 Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Wed, 24 Apr 2024 03:30:28 -0700
Subject: [PATCH] Diagrams: center Mermaid and PlantUML diagrams

---
 src/modules/blocks/code/RenderCode.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/modules/blocks/code/RenderCode.tsx b/src/modules/blocks/code/RenderCode.tsx
index ab460705c..550b7a87a 100644
--- a/src/modules/blocks/code/RenderCode.tsx
+++ b/src/modules/blocks/code/RenderCode.tsx
@@ -165,7 +165,8 @@ function RenderCodeImpl(props: RenderCodeImplProps) {
         sx={{
           whiteSpace: 'pre', // was 'break-spaces' before we implemented per-block scrolling
           mx: 0, p: 1.5, // this block gets a thicker border
-          display: 'block',
+          display: 'flex',
+          justifyContent: (renderMermaid || renderPlantUML) ? 'center' : undefined,
           overflowX: 'auto',
           minWidth: 160,
           '&:hover > .overlay-buttons': { opacity: 1 },