Adjusted graphs to have similar dimensions

Author: tladendo

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

@@ -57,8 +57,8 @@
       }
     ];
     var w       = 600,
-        h       = 300,
-        padding = { top: 10, left: 100, bottom: 100, right: 0 };
+        h       = 400,
+        padding = { top: 20, left: 100, bottom: 100, right: 0 };
     var totalW = w + padding.left + padding.right;
     var totalH = h + padding.top + padding.bottom;
 
@@ -92,7 +92,7 @@
            .attr('y', padding.top)
            .attr('width', w)
            .attr('height', h)
-           .attr('fill', '#eeeeee')
+           .attr('fill', '#f6f6f6')
 
         svg.append('g')
            .attr('class', 'grid')

assets/css/directives/distribution-graph.scss

@@ -52,9 +52,9 @@
   }
   .info-port {
     margin-left: 2px;
-    margin-top: 10px;
-    background: #eeeeee;
-    height: 300px;
+    margin-top: 20px;
+    background: #f6f6f6;
+    height: 400px;
     width: 250px;
     display: flex;
     flex-direction: column;

assets/css/directives/history-graph.scss

@@ -3,6 +3,8 @@
   flex-direction: row;
   .history-graph {
 
+    margin-left: 40px;
+
     .axis path,
     .axis line {
       fill: none;

assets/css/profile/subtrack.scss

@@ -17,15 +17,12 @@
     }
   }
   .develop, .design {
-      
+
     .stats {
       .graphs {
         display: flex;
         flex-direction: row;
         justify-content: center;
-        img {
-          width: 700px;
-        }
       }
       h2.detailed {
         margin: 50px auto 25px auto;