Updates as per Team meeting 28 Aug 2025

drawtriangleinverted.js

@@ -133,7 +133,7 @@ const midY = (bottomLeft[1] + bottomRight[1]) / 2;
 if (!svg.classed("no-text")){
 svg.append("text")
   .attr("x", midX)
-  .attr("y", midY + 30)   // Adjust for correct height (moved to bottom)
+  .attr("y", midY + 25)   // Adjust for correct height (moved to bottom)
   .attr("text-anchor", "middle")
   .attr("fill", textcolour)    // My Colour
   .attr("font-size", "22px")
@@ -142,20 +142,20 @@ svg.append("text")
 }
 
 // And now a central number
-let bigy = midY-45;
+let bigy = midY + 70;
 let bigfont = "36px";
 if (svg.classed("big-number")){
-    bigy = midY-85;
+    bigy = midY + 120;
     bigfont = "70px";
 }
 svg.append("text")
   .attr("x", midX)
-  .attr("y", midY + 70)
+  .attr("y", bigy)
   .attr("text-anchor", "middle")
   .attr("fill", "black") // 🎨 customize color
   .attr("font-size", bigfont)
   .attr("font-weight", "bold")
-  .attr("font-family", "Courier New, monospace")
+  .attr("font-family", 'sans-serif, Consolas, "Lucida Console", Menlo, "DejaVu Sans Mono", monospace')
   .text(`${mean}`);
 
 }