Minor fix.

mindplot/src/main/javascript/Note.js

@@ -40,19 +40,33 @@ mindplot.Note = new Class({
         this.tip = new mindplot.widget.FloatingTip(this.getImage()._peer._native, {
             // Content can also be a function of the target element!
             content: function() {
-                var result = new Element('div', {text:this._noteModel.getText()});
+                var result = new Element('div');
-                result.setStyles({
+
+                var title = new Element('div', {text:'Note'});
+                title.setStyles({
+                    'font-weight':'bold',
+                    color:'black',
+                    'padding-bottom':'5px',
+                    width: '100px'
+                });
+                title.inject(result);
+
+                var text = new Element('div', {text:this._noteModel.getText()});
+                text.setStyles({
                         'white-space': 'pre-wrap',
                         'word-wrap': 'break-word'
                     }
                 );
+                text.inject(result);
+
+
                 return result;
             }.bind(this),
             html: true,
             position: 'bottom', // Bottom positioned
-            center: false,      // Place the tip aligned with target
+            center: true,      // Place the tip aligned with target
             arrowSize: 6,     // A bigger arrow! ); // Title attribute will be used as tip.
-            offset : {x:0,y:20}
+            offset : {x:10,y:20}
         });
     },
 

wise-doc/src/main/webapp/css/common.css

@@ -638,8 +638,9 @@ div.installCFG h2{
     background-color: #dfcf3c;
     padding: 5px 15px;
     color: #666666;
-    font-weight: bold;
+    /*font-weight: bold;*/
-    font-size: 11px;
+    /*width: 100px;*/
+    font-size: 13px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;