Table row id's

src/lib/components/CaseCard.svelte

@@ -5,7 +5,7 @@
 	export let cardData;
 </script>
 
-<div class="card" transition:fade id={'case-' + cardData.attribution_id}>
+<div class="card" transition:fade id={'case-' + cardData.Attribution_ID}>
 	<div class="card-header">
 		<div class="card-header-title">
 			<h2 class="is-size-3">{cardData.Short_Title}</h2>

src/lib/components/CaseTable.svelte

@@ -18,7 +18,7 @@
     <tbody>
         {#each cases as attrCase}
         {#if attrCase.show}
-            <tr>
+            <tr id={'case-' + attrCase.Attribution_ID}>
                 <td>{attrCase.Short_Title}</td>
                 <td>{attrCase.Short_Description}</td>
                 <td>{utcFormat('%B %d, %Y')(new Date(attrCase.Attribution_Date))}</td>

src/lib/components/Timeline.svelte

@@ -104,7 +104,7 @@
 				{/each}
 				{#each cases as attrCase}
 					{#if attrCase.show}
-						<a href={'#case-' + attrCase.attribution_id} transition:fade>
+						<a href={'#case-' + attrCase.Attribution_ID} transition:fade>
 							<Bubble
 								cx={xScale(new Date(attrCase.attribution_date))}
 								cy={yScale(attrCase.actor_nation[0])}
@@ -112,7 +112,7 @@
 								fill={colorScale(attrCase.actor_nation[0])}
 								stroke={'#ffffff'}
 								stroke-width={2}
-								ttContent={`<p class="countryname">${attrCase.short_description}</p>`}
+								ttContent={`<p class="countryname">${attrCase.Short_Title}</p>`}
 								bind:tooltipContent
 								bind:tooltipX
 								bind:tooltipY