From bb6664a2c64a16912fa1f7fcb56785ba1151bcb9 Mon Sep 17 00:00:00 2001
From: Reda Al Sulais <u.yokozuna@gmail.com>
Date: Thu, 3 Aug 2023 15:47:31 +0300
Subject: [PATCH] add `configureSvgSize` in infoRenderer

---
 packages/mermaid/src/diagrams/info/infoRenderer.ts | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/mermaid/src/diagrams/info/infoRenderer.ts b/packages/mermaid/src/diagrams/info/infoRenderer.ts
index 3950957ac..c1ca2b1cf 100644
--- a/packages/mermaid/src/diagrams/info/infoRenderer.ts
+++ b/packages/mermaid/src/diagrams/info/infoRenderer.ts
@@ -1,6 +1,7 @@
 import { select } from 'd3';
 import { log } from '../../logger.js';
 import { getConfig } from '../../config.js';
+import { configureSvgSize } from '../../setupGraphViewbox.js';
 import type { DrawDefinition, HTML, SVG } from '../../diagram-api/types.js';
 
 /**
@@ -15,7 +16,6 @@ const draw: DrawDefinition = (text, id, version) => {
     log.debug('rendering info diagram\n' + text);
 
     const { securityLevel } = getConfig();
-
     // handle root and document for when rendering in sandbox mode
     let doc: Document = document;
     if (securityLevel === 'sandbox') {
@@ -26,19 +26,19 @@ const draw: DrawDefinition = (text, id, version) => {
       securityLevel === 'sandbox' ? select(doc.body as HTMLIFrameElement) : select('body');
 
     const svg: SVG = root.select(`#${id}`);
-    svg.attr('height', 100);
-    svg.attr('width', 400);
+    configureSvgSize(svg, 100, 400, true);
 
-    const g = svg.append('g');
-    g.append('text') // text label for the x axis
+    svg
+      .append('g')
+      .append('text')
       .attr('x', 100)
       .attr('y', 40)
       .attr('class', 'version')
-      .attr('font-size', '32px')
+      .attr('font-size', 32)
       .style('text-anchor', 'middle')
       .text(`v${version}`);
   } catch (e) {
-    log.error('error while rendering info diagram\n', e);
+    log.error('error while rendering info diagram', e);
   }
 };