Charter Africa Design Update

apps/charterafrica/src/components/Dataset/Dataset.js

@@ -122,6 +122,24 @@ function Dataset({
                 ))}
               </Grid>
             ) : null}
+            <Button
+              variant="contained"
+              color="primary"
+              size="medium"
+              startIcon={<ExternalLinkIcon />}
+              href={url}
+              target="_blank"
+              sx={{
+                width: {
+                  xs: "100%",
+                  sm: "200px",
+                },
+                height: "50px",
+                mt: 4,
+              }}
+            >
+              {labels.openDataset}
+            </Button>
             <RichTypography
               color="common.black"
               order={1}
@@ -163,23 +181,6 @@ function Dataset({
             >
               {labels.backToDatasets}
             </Typography>
-            <Button
-              variant="contained"
-              color="primary"
-              size="medium"
-              startIcon={<ExternalLinkIcon />}
-              href={url}
-              target="_blank"
-              sx={{
-                width: {
-                  xs: "100%",
-                  sm: "200px",
-                },
-                height: "50px",
-              }}
-            >
-              {labels.openDataset}
-            </Button>
             <ShareThisPage
               title={labels.shareDataset}
               sx={{

apps/charterafrica/src/components/Dataset/Dataset.snap.js

@@ -55,6 +55,19 @@ exports[`<Dataset /> renders unchanged 1`] = `
               </span>
             </div>
           </div>
+          <button
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-13ms8fp-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            target="_blank"
+            type="button"
+          >
+            <span
+              class="MuiButton-startIcon MuiButton-iconSizeMedium css-gcc2o7-MuiButton-startIcon"
+            >
+              <div />
+            </span>
+            Open Dataset
+          </button>
           <div
             class="MuiTypography-root MuiTypography-p1 css-iycfiz-MuiTypography-root"
           >
@@ -69,19 +82,6 @@ exports[`<Dataset /> renders unchanged 1`] = `
           >
             Back to Datasets
           </a>
-          <button
-            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium css-1scqxyq-MuiButtonBase-root-MuiButton-root"
-            tabindex="0"
-            target="_blank"
-            type="button"
-          >
-            <span
-              class="MuiButton-startIcon MuiButton-iconSizeMedium css-gcc2o7-MuiButton-startIcon"
-            >
-              <div />
-            </span>
-            Open Dataset
-          </button>
           <div
             class="MuiStack-root css-1xe1uy8-MuiStack-root"
           >