Fixed review comments

Author: smtryingcode

app/directives/distribution-graph/distribution-graph.directive.js

@@ -203,11 +203,11 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
            return xScale(i)
          })
          .attr('y', function(d) {
-           return padding.top
+           return yScale(d.number)
          })
          .attr('width', xScale.rangeBand())
          .attr('height', function(d) {
-           return totalH - padding.bottom - padding.top
+           return totalH - padding.bottom - yScale(d.number)
          })
          .on('mouseover', function(d) {
            $scope.highlightedRating = d.start

app/directives/history-graph/history-graph.directive.js

@@ -257,7 +257,9 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
           </div>
         </Tooltip>
         , document.getElementById('chart-tooltip'))
-
+    
+      var toolTipHideIntervalId = null
+    
       svg.selectAll('circle')
          .data(history)
          .enter()
@@ -275,7 +277,7 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
            $scope.historyRating = d.newRating
            $scope.historyDate = moment(d.ratingDate).format('YYYY-MM-DD')
            $scope.historyChallenge = d.challengeName
-         
+           window.clearInterval(toolTipHideIntervalId);    
            $scope.$digest()
 
            d3.select('#chart-tooltip')
@@ -299,6 +301,11 @@ import Tooltip from 'appirio-tech-react-components/components/Tooltip/Tooltip.js
          .on('mouseout', function(d) {
            $scope.historyRating = undefined
            $scope.$digest()
+           toolTipHideIntervalId = window.setInterval(function(){
+             d3.select('#chart-tooltip')
+               .style('left', '-500px')    
+               .style('top', '-500px')
+          },1500);       
          })
 
     }

assets/css/my-dashboard/subtrack-stats.scss

@@ -170,10 +170,16 @@
 
 #chart-tooltip .tooltip-challenge {
   height: 100%;
-  width: calc(100% - 100px);
+  width: calc(100% - 90px);
   float: left;
 }
 
+#chart-tooltip .tooltip-challenge .challenge-name {
+  white-space: normal;
+  line-height: 20px;
+  word-wrap: break-word;
+}
+
 #chart-tooltip .tooltip-challenge .challenge-date {
   font-weight: normal;
   margin-top: 13px;