clean up the unnecessary code and update the stylesheets for the final project

Author: joshua1988

project/app.js

@@ -86,15 +86,13 @@ async function handleListClick(event) {
     selectedId,
     'confirmed',
   );
-  console.log(confirmedResponse);
   endLoadingAnimation();
   setDeathsList(deathResponse);
   setTotalDeathsByCountry(deathResponse);
   setRecoveredList(recoveredResponse);
   setTotalRecoveredByCountry(recoveredResponse);
   setChartData(confirmedResponse);
   isDeathLoading = false;
-  // console.log(data);
 }
 
 function setDeathsList(data) {
@@ -159,33 +157,20 @@ function endLoadingAnimation() {
   recoveredList.removeChild(recoveredSpinner);
 }
 
-//
 async function setupData() {
   const { data } = await fetchCovidSummary();
-  console.log(data);
   setTotalConfirmedNumber(data);
   setTotalDeathsByWorld(data);
   setTotalRecoveredByWorld(data);
   setCountryRanksByConfirmedCases(data);
   setLastUpdatedTimestamp(data);
-  // renderChart();
 }
 
 function renderChart(data, labels) {
   var ctx = $('#lineChart').getContext('2d');
-  const defaultLabel = [
-    'January',
-    'February',
-    'March',
-    'April',
-    'May',
-    'June',
-    'July',
-  ];
-  const defaultData = [0, 10, 5, 2, 20, 30, 45];
   Chart.defaults.global.defaultFontColor = '#f5eaea';
   Chart.defaults.global.defaultFontFamily = 'Exo 2';
-  var chart = new Chart(ctx, {
+  new Chart(ctx, {
     type: 'line',
     data: {
       labels,

project/main.css

@@ -123,7 +123,7 @@ header > h1 {
   font-size: 1.125rem;
   font-weight: 750;
   padding: 0 0.7rem;
-  width: 70px;
+  width: 98px;
 }
 .country {
   font-size: 1.125rem;
@@ -166,14 +166,14 @@ header > h1 {
   padding: 0 0.4rem;
   font-size: 1.125rem;
   font-weight: 550;
-  width: 70px;
+  width: 84px;
   color: white;
 }
 .list-item-b > .recovered {
   padding: 0 0.4rem;
   font-size: 1.125rem;
   font-weight: 550;
-  width: 70px;
+  width: 84px;
 }
 .recovered-container {
   margin-left: 1rem;