add results per dataset field

src/components/query/QueryMultipleArchives.js

@@ -194,6 +194,7 @@ export default function QueryMultipleArchives() {
 
     return (
         <Container fluid>
+
             <AvailableDatasets results={availableDatasets}/>
             <Form
               schema={config.query_schema}
@@ -207,6 +208,7 @@ export default function QueryMultipleArchives() {
             </Form>
 
             {renderQueryResults}
+
         </Container>
     );
 

src/components/services/query_results/AvailableDatasets.js

@@ -14,18 +14,20 @@ export default function AvailableDatasets(props) {
         <Container fluid>
             <Card>
                 <Table>
-                    <thead>
-                    <th>Select Datasets to query</th>
-                    </thead>
+
                     <tbody>
                     <tr>
                     {props.results.map((result, index) => (
+
                         <td key={result.dataset}>
-                            <td>
-                                <SelectDatasetCheckBox id={result.dataset} item={result} />
+                            <Card>
+
+                            <td><SelectDatasetCheckBox id={result.dataset} item={result} />
+                                {result.dataset} ({result.archive})
                             </td>
-                            <td>{result.dataset} ({result.archive})</td>
+                            </Card>
                         </td>
+
                     ))}
                     </tr>
                     </tbody>