diff --git a/src/components/query/QueryMultipleArchives.js b/src/components/query/QueryMultipleArchives.js index 10f1c218bf5a4965d37352543d553ee5be55bc3b..da7416d87144ce27089c1cf1f468a9a6682bbcb8 100644 --- a/src/components/query/QueryMultipleArchives.js +++ b/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> ); diff --git a/src/components/services/query_results/AvailableDatasets.js b/src/components/services/query_results/AvailableDatasets.js index 130468584dce48acf8f21871a42d1a92652a936a..a7a437842eb37281df6e029cc883ccd72722fd59 100644 --- a/src/components/services/query_results/AvailableDatasets.js +++ b/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>