4031: Updates layout of revenue tab

Author: greensomes

src/components/sections/Explore/ExploreRevenue.js

@@ -20,32 +20,30 @@ const ExploreRevenue = props => {
             mt={0}>
             Query revenue data
           </Link>
-        </>
-      }
-      contentCenter={
-        <>
           <Link
             href="/how-revenue-works#understanding-federal-revenues"
             linkType="HowWorks"
             mt={0}>
             How revenue works
           </Link>
+        </>
+      }
+      contentRight={
+        <>
           <Link
             href="/data-by-state-offshore-region"
             linkType="Location"
             mt={0}>
             Data by state and offshore region
           </Link>
+          <Link
+            href="/downloads/#Revenue"
+            linkType="DownloadData"
+            mt={0}>
+            Downloads and documentation
+          </Link>
         </>
       }
-      contentRight={
-        <Link
-          href="/downloads/#Revenue"
-          linkType="DownloadData"
-          mt={0}>
-          Downloads and documentation
-        </Link>
-      }
     />
   )
 }

src/components/sections/TotalRevenue/TotalRevenue.js

@@ -443,7 +443,7 @@ const TotalRevenue = props => {
   return (
     <>
       <Grid container spacing={4}>
-        <Grid item xs={12} md={7}>
+        <Grid item xs={12} md={12}>
           <StackedBarChart2
             key={`trsbc__${ monthly }${ period }${ breakoutBy }`}
             data={chartData}
@@ -461,12 +461,13 @@ const TotalRevenue = props => {
             secondaryColor={theme.palette.explore[100]}
             handleBarHover={d => handleBarHover(d)}
             svgTitle={svgTitle}
+            hideLegend={true}
           />
-          <Box fontStyle="italic" textAlign="left" fontSize="h6.fontSize">
-		        <Link href='/downloads/revenue/'>Source file</Link>
-          </Box>
         </Grid>
-        <Grid item xs={12} md={5}>
+        <Grid item 
+          xs={12} 
+          md={12}
+          style={{ paddingBottom: 0 }}>
           <ComparisonTable
             key={`trct__${ monthly }${ period }${ breakoutBy }`}
             ref={revenueComparison}
@@ -476,6 +477,12 @@ const TotalRevenue = props => {
             monthRange={monthRange}
           />
         </Grid>
+        <Grid item xs={12} md={12}
+          style={{ paddingBottom: 0, paddingTop: 0 }}>
+          <Box fontStyle="italic" textAlign="left" fontSize="h6.fontSize" m={0}>
+            <Link href='/downloads/revenue/'>Source file</Link>
+          </Box>
+        </Grid>
       </Grid>
     </>
   )