Display key after graph

src/components/graph-cases.tsx

@@ -50,19 +50,6 @@ const GraphCases: React.FC<Props> = ({ countries }) => {
 
   return (
     <div>
-      <>
-        {countries.map(({ country }, index) => (
-          <React.Fragment key={country}>
-            <h3>Country: {country}</h3>
-            <p>
-              Source:{' '}
-              <a href={countryCases[index].dataSource.source}>
-                {countryCases[index].dataSource.source}
-              </a>
-            </p>
-          </React.Fragment>
-        ))}
-      </>
       <p>
         <input type="checkbox" onChange={toggleCumulative} checked={showCumulative} /> Cumulative
         cases
@@ -98,6 +85,19 @@ const GraphCases: React.FC<Props> = ({ countries }) => {
           />
         ))}
       </LineChart>
+      <>
+        {countries.map(({ country }, index) => (
+          <React.Fragment key={country}>
+            <h3>{country}</h3>
+            <p>
+              Source:{' '}
+              <a href={countryCases[index].dataSource.source}>
+                {countryCases[index].dataSource.source}
+              </a>
+            </p>
+          </React.Fragment>
+        ))}
+      </>
     </div>
   );
 };