Fix styles

src/display.ts

@@ -77,6 +77,7 @@ const displayBarChart = (support: number[]) => {
 			})}%`,
 		},
 	};
+	document.getElementById('support-bar-chart')!.classList.add('ct-perfect-fourth');
 	const chart = new BarChart('#support-bar-chart', chartData, chartOptions);
 	chart.on<'draw'>('draw', (data) => {
 		if (data.type === 'bar') {
@@ -109,6 +110,7 @@ const displayPieChart = (mandates: number[]) => {
 			value < 15 ? '' : `${commiteesWithMandates[index].label} ${value}`
 		),
 	};
+	document.getElementById('division-pie-chart')!.classList.add('ct-perfect-fourth');
 	return new PieChart('#division-pie-chart', chartData, chartOptions);
 };
 

src/styles/styles.css

@@ -3,7 +3,7 @@
 
 body {
 	color: #333;
-	background-color: lightgoldenrodyellow;
+	background-color: #eee;
 	font-size: 15px;
 }
 

src/templates/content.pug

@@ -31,8 +31,8 @@ div(class=(embed ? 'container embed' : 'container'))
 		#url
 
 	.charts-row
-		#support-bar-chart.ct-chart.ct-perfect-fourth
-		#division-pie-chart.ct-chart.ct-perfect-fourth
+		#support-bar-chart.ct-chart
+		#division-pie-chart.ct-chart
 
 	unless embed
 		#constituency-results