Added title to overview section

ui/src/main/resources/PhenoTips/MendelianResults.xml

@@ -72,6 +72,7 @@ $xwiki.ssx.use('data.MendelianResults')##
 </form>
 <div id="mendelian-results">
   <div id="mendellian-overview-container">
+  <h4 class='graph-heading'>Overview</h4>
   #if($count.size() == 0 )
     <div class='grid-view'>
       <table class = 'grid-visualization'>
@@ -691,7 +692,6 @@ $xwiki.ssx.use('data.MendelianResults')##
   var y =d3.scale.linear().range([height,0]).domain([0,1]);
   var x = d3.scale.ordinal().rangeRoundBands([0,width], 0.1).domain(['withGene', 'withoutGene']);
 
-
   var xAxis = d3.svg.axis()
     .scale(x)
     .orient("bottom")
@@ -707,27 +707,13 @@ $xwiki.ssx.use('data.MendelianResults')##
     .append("g")
     .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
 
-
   var category =chart.selectAll('g').data(Object.keys(data))
     .enter()
     .append('g')
       .attr('class', 'category')
       .attr('transform', function(d, i){
          return "translate(" + x(Object.keys(data)[i]) + ", 0)";
       });
-  //Axes
-  chart.append("g").attr("class", "x axis")
-      .attr("transform", "translate(0," + height + ")")
-      .call(xAxis);
-
-  chart.append("g").attr("class", "y axis")
-    .call(yAxis)
-    .append("text")
-      .attr("transform", "rotate(-90)")
-      .attr("x", -(height-margin.top)/2)
-      .attr("dy", "-3em")
-      .style("text-anchor", "middle")
-      .text("Phenotypic Similarity Score");
 
   //Data points
   category.selectAll('circle')
@@ -852,6 +838,21 @@ $xwiki.ssx.use('data.MendelianResults')##
     .attr('dy', '2.25em')
     .style("text-anchor", "start");
 
+
+  //Axes
+  chart.append("g").attr("class", "x axis")
+      .attr("transform", "translate(0," + height + ")")
+      .call(xAxis);
+
+  chart.append("g").attr("class", "y axis")
+    .call(yAxis)
+    .append("text")
+      .attr("transform", "rotate(-90)")
+      .attr("x", -(height-margin.top)/2)
+      .attr("dy", "-3em")
+      .style("text-anchor", "middle")
+      .text("Phenotypic Similarity Score");
+
   //Hover/Click Boxes
   var clickArea = category.append('rect')
     .attr('class', 'hover-box category-button')
@@ -1416,7 +1417,10 @@ $xwiki.ssx.use('data.MendelianResults')##
       <cache>default</cache>
     </property>
     <property>
-      <code>div.grid-view table{
+      <code>h4.graph-heading{
+ margin-top: 0;
+}
+div.grid-view table{
   border-spacing: 0;
   border-collapse: collapse;
   font-family: sans-serif;