Mermaid Flowchart styles are broken
Summary
GitLab 10.8.4
Mermaid Flowcharts had centered text and centered content.
GitLab 11.0.0
changed the text to be left-aligned and the node content now starts at the top left.
Steps to reproduce
Create a mermaid flowchart. See example project.
Example Project
https://gitlab.com/HitomiTenshi/mermaid-styles
What is the current bug behavior?
Top-left aligned node content.
Note: Recent changes in mermaidjs suggest adding a <center></center>
tag around text that you want to be centered instead of left-aligned. So the left-aligned text change is not a bug.
What is the expected correct behavior?
Node content should be centered (middle aligned).
Output of checks
This bug happens on GitLab.com and on our self-hosted instance.