add extra space between legend title and itmes in the case of horizontal

Author: archmoj

src/components/legend/draw.js

@@ -508,6 +508,8 @@ function computeTextDimensions(g, gd, legendObj, aTitle) {
         return;
     }
 
+    var isVertical = helpers.isVertical(legendObj);
+
     var mathjaxGroup = g.select('g[class*=math-group]');
     var mathjaxNode = mathjaxGroup.node();
     if(!legendObj) legendObj = gd._fullLayout.legend;
@@ -539,6 +541,11 @@ function computeTextDimensions(g, gd, legendObj, aTitle) {
         // approximation to height offset to center the font
         // to avoid getBoundingClientRect
         if(aTitle === MAIN_TITLE) {
+            if(!isVertical) {
+                // add extra space between legend title and itmes
+                width += constants.titlePad * 2;
+            }
+
             svgTextUtils.positionText(textEl,
                 bw + constants.titlePad,
                 bw + lineHeight