align click on href or function syntax with other diagrams

cypress/platform/class.html

@@ -35,7 +35,7 @@
         +withdrawl(amount) int
        }
        cssClass "BankAccount" customCss
-   
+
     </div>
     <div class="mermaid" style="width: 100%; height: 20%;">
       %%{init: {'theme': 'base',  'fontFamily': 'courier', 'themeVariables': {  'primaryColor': '#fff000'}}}%%
@@ -47,7 +47,7 @@
         +withdrawl(amount) int
        }
        cssClass "BankAccount" customCss
-   
+
     </div>
       <div class="mermaid2" style="width: 100%; height: 20%;">
         %%{init: {'theme': 'base',  'fontFamily': 'courier', 'themeVariables': {  'primaryColor': '#fff000'}}}%%
@@ -69,8 +69,8 @@
               int id
               test()
             }
-            callback Class01 "callback" "A Tooltip"  
-     
+            click Class01 call callback() "A Tooltip"
+
       </div>
       <div class="mermaid2" style="width: 100%; height: 20%;">
       flowchart TB
@@ -79,7 +79,7 @@
       classDef apa fill:#f9f,stroke:#333,stroke-width:4px;
       class a_a apa;
       click a_a "http://www.aftonbladet.se" "apa"
-        
+
       </div>
 
       <div class="mermaid2" style="width: 100%; height: 20%;">
@@ -110,7 +110,7 @@
 
         class Shape
         callback Shape "callbackFunction" "This is a tooltip for a callback"
-        
+
       </div>
       <script src="./mermaid.js"></script>
     <script>