Some Cleaning

frontend/src/Views/Export/ExportPage.styles.ts

@@ -2,6 +2,16 @@ import styled from '@emotion/styled';
 import * as tokens from '@bcgov/design-tokens/js';
 import screenSizes from '@Constants/ScreenSize';
 
+const StyledLandingContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  margin-top: auto;
+  gap: 40px;
+`;
+
 const StyledContent = styled.div`
   display: flex;
   flex-direction: column;
@@ -13,6 +23,7 @@ const StyledContent = styled.div`
   gap: 10px;
   padding: 0 0 20px 0;
   border: 1px solid ${tokens.themeGray40};
+
   #dataFileHeader {
     display: flex;
     text-align: center;
@@ -54,65 +65,4 @@ const StyledContent = styled.div`
   }
 `;
 
-const StyledButtonGroup = styled.div`
-  display: flex;
-  max-width: 375px;
-  max-height: 149px;
-  width: 100%;
-  flex-direction: column;
-  align-items: center;
-
-  label {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-  }
-  @media (min-width: ${screenSizes.tablet}) {
-    top: 15vh;
-  }
-
-  @media (min-width: ${screenSizes.desktop}) {
-    max-width: 531px;
-    max-height: 197px;
-    top: 15vh;
-  }
-`;
-
-const StyledDivider = styled.div`
-  font-size: 18px;
-  font-weight: 400;
-  line-height: 30.61px;
-  display: flex;
-  align-items: center;
-  text-align: center;
-  color: ${tokens.typographyColorPlaceholder};
-
-  &::before,
-  &::after {
-    flex: 1;
-    content: '';
-    padding: 1px;
-    background-color: ${tokens.typographyColorPlaceholder};
-    width: 130px;
-    margin: 5px;
-  }
-
-  @media (min-width: ${screenSizes.desktop}) {
-    &::before,
-    &::after {
-      width: 200px;
-    }
-  }
-`;
-
-const StyledLandingContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-  margin-top: auto;
-  gap: 40px;
-`;
-
-export { StyledContent, StyledButtonGroup, StyledDivider, StyledLandingContainer };
+export { StyledContent, StyledLandingContainer };

frontend/src/Views/Export/ExportPage.tsx

@@ -7,7 +7,7 @@ import Button from '@Commons/Button/Button.tsx';
 import MainPageHeader from '@Commons/MainPageHeader/MainPageHeader.tsx';
 import MainPageFooter from '@Commons/MainPageFooter/MainPageFooter.tsx';
 import { FC } from 'react';
-import { StyledContent, StyledButtonGroup, StyledLandingContainer } from './ExportPage.styles.ts';
+import { StyledContent, StyledLandingContainer } from './ExportPage.styles.ts';
 
 const ExportPage: FC = () => {
   const downloadFile = () => {
@@ -33,13 +33,11 @@ const ExportPage: FC = () => {
           handleClick={downloadFile}
         />
       </StyledContent>
-      <StyledButtonGroup>
-        <Button
-          size="lg"
-          text="Return to Calculation"
-          path="/main"
-        />
-      </StyledButtonGroup>
+      <Button
+        size="lg"
+        text="Return to Calculation"
+        path="/main"
+      />
       <MainPageFooter />
     </StyledLandingContainer>
   );