From 2009177375383277abc663c9b736afadbcdfcced Mon Sep 17 00:00:00 2001
From: udvale <enkhtaiu@dickinson.edu>
Date: Thu, 10 Apr 2025 16:35:41 -0400
Subject: [PATCH] the title is centered at vert line

---
 packages/mermaid/src/diagrams/gantt/ganttRenderer.js | 8 ++------
 packages/mermaid/src/diagrams/gantt/styles.js        | 3 ++-
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/mermaid/src/diagrams/gantt/ganttRenderer.js b/packages/mermaid/src/diagrams/gantt/ganttRenderer.js
index 8bbd00790..6c937a15d 100644
--- a/packages/mermaid/src/diagrams/gantt/ganttRenderer.js
+++ b/packages/mermaid/src/diagrams/gantt/ganttRenderer.js
@@ -393,12 +393,11 @@ export const draw = function (text, id, version, diagObj) {
         let endX = timeScale(d.renderEndTime || d.endTime);
         if (d.milestone) {
           startX += 0.5 * (timeScale(d.endTime) - timeScale(d.startTime)) - 0.5 * theBarHeight;
-        }
-        if (d.milestone) {
           endX = startX + theBarHeight;
         }
+
         if (d.vert) {
-          return startX + theSidePad + (endX - startX) / 2 - this.getBBox().width / 2;
+          return timeScale(d.startTime) + theSidePad;
         }
 
         const textWidth = this.getBBox().width;
@@ -429,9 +428,6 @@ export const draw = function (text, id, version, diagObj) {
         if (d.milestone) {
           endX = startX + theBarHeight;
         }
-        // if (d.vert) {
-        //   return startX + theSidePad + (endX - startX) / 2 - this.getBBox().width / 2;
-        // }
 
         const textWidth = this.getBBox().width;
 
diff --git a/packages/mermaid/src/diagrams/gantt/styles.js b/packages/mermaid/src/diagrams/gantt/styles.js
index 2e6dc2b50..796d8da0e 100644
--- a/packages/mermaid/src/diagrams/gantt/styles.js
+++ b/packages/mermaid/src/diagrams/gantt/styles.js
@@ -242,8 +242,9 @@ const getStyles = (options) =>
   }
 
   .vertText {
-    fill: navy;
     font-size: 15px;
+    text-anchor: middle;
+    fill: navy;
   }
 
   .activeCritText0,