Increase puppeteer viewport width for resizing (#374)

source/app/metrics/utils.mjs

@@ -313,6 +313,7 @@ export const svg = {
     //Render through browser and resize height
     console.debug("metrics/svg/resize > loading svg")
     const page = await svg.resize.browser.newPage()
+    page.setViewport({width:980, height:980})
     page.on("console", ({_text:text}) => console.debug(`metrics/svg/resize > puppeteer > ${text}`))
     await page.setContent(rendered, {waitUntil:["load", "domcontentloaded", "networkidle2"]})
     console.debug("metrics/svg/resize > loaded svg successfully")

source/templates/classic/image.svg

@@ -17,9 +17,9 @@
           <span>Last updated <%= meta.generated %> <% if ((config.timezone?.name)&&(!config.timezone?.error)) { %>(timezone <%= config.timezone.name %>)<% } %> with lowlighter/metrics@<%= meta.version %></span>
         </footer>
       <% } %>
-      <div id="metrics-end"></div>
 
     </div>
+    <div id="metrics-end"></div>
   </foreignObject>
 
 </svg>

source/templates/repository/image.svg

@@ -30,7 +30,7 @@
         </footer>
       <% } %>
 
-      <div id="metrics-end"></div>
   </div>
+  <div id="metrics-end"></div>
   </foreignObject>
 </svg>

source/templates/terminal/image.svg

@@ -56,8 +56,8 @@ Last generated: <%= meta.generated %>
 <footer>Connection reset by <%= Math.floor(256*Math.random()) %>.<%= Math.floor(256*Math.random()) %>.<%= Math.floor(256*Math.random()) %>.<%= Math.floor(256*Math.random()) %></footer><%# -%>
 <% } -%></pre>
 
-      <div id="metrics-end"></div>
     </div>
+    <div id="metrics-end"></div>
   </foreignObject>
 </svg>