Fix timeline height rendering

page-experience-timeline.php

@@ -127,14 +127,14 @@ function within_dates( $role_start_date, $role_end_date ) {
 			]);
 
 			var rowHeight = 15;
-			var chartHeight = dataTable.getNumberOfRows() * rowHeight + 50;
+			var chartHeight = (dataTable.getNumberOfRows() * rowHeight) + 50;
 			var options = {
-			tooltip: {isHtml: true},
-			timeline: {
-				showRowLabels: true,
-			},
-			height: chartHeight,
-			width: window.innerWidth - 200,
+				tooltip: {isHtml: true},
+				timeline: {
+					showRowLabels: true,
+				},
+				height: chartHeight,
+				width: window.innerWidth - 200,
 			};
 
 			chart.draw(dataTable, options);

style.css

@@ -515,6 +515,10 @@ html {
       grid-area: item4;
    }
 
+	 #organisation-body div.org_items {
+			align-items: self;
+	 }
+   
    #split-page > #comments {
       grid-area: comments;
       width: 100%;
@@ -1291,7 +1295,7 @@ a:hover, a:focus {
 #timeline {
    display: block;
    margin: auto;
-   min-height: 200px;
+   min-height: 95px;
    max-width: 950%;
 }
 

taxonomy-company.php

@@ -78,16 +78,16 @@
 		
 		// Draws the table, then resizes the element height and re-draws it
 		// to avoid needing to scroll vertically.
-		var rowHeight = 15;
-	var chartHeight = dataTable.getNumberOfRows() * rowHeight + 50;
-	var options = {
-		tooltip: {isHtml: true},
-		timeline: {
-		showRowLabels: true,
-		},
-		height: chartHeight,
-		width: '100%',
-	};
+		var rowHeight = 45;
+		var chartHeight = (dataTable.getDistinctValues(0).length * rowHeight) + 50;
+		var options = {
+			tooltip: {isHtml: true},
+			timeline: {
+				showRowLabels: true,
+			},
+			height: chartHeight,
+			width: '100%',
+		};
 
 		chart.draw(dataTable, options);
 	}