diff --git a/publisher/src/components/DataUpload/UploadedFiles.styles.tsx b/publisher/src/components/DataUpload/UploadedFiles.styles.tsx index a049759c0..fa571ebc8 100644 --- a/publisher/src/components/DataUpload/UploadedFiles.styles.tsx +++ b/publisher/src/components/DataUpload/UploadedFiles.styles.tsx @@ -35,17 +35,17 @@ export const UploadedFilesTitle = styled(AccountSettingsTitle)` } @media only screen and (max-width: ${MIN_TABLET_WIDTH}px) { + width: 80%; ${typography.sizeCSS.medium}; border-bottom: 1px solid ${palette.highlight.grey9}; position: fixed; top: ${HEADER_BAR_HEIGHT}px; padding: 24px 0; z-index: 2; - width: calc(100% - 48px); background-color: ${palette.solid.white}; &::before { - content: "Settings > Uploaded Files"; + content: "Uploaded Files"; } } `; @@ -163,6 +163,8 @@ export const UploadedFilesTable = styled(Table)` `; export const UploadedFilesWrapper = styled.div` + width: 80%; + margin-top: 52px; position: relative; overflow-y: auto; `; diff --git a/publisher/src/components/Settings/AccountSettings.styles.tsx b/publisher/src/components/Settings/AccountSettings.styles.tsx index 89dd93505..941ef1ced 100644 --- a/publisher/src/components/Settings/AccountSettings.styles.tsx +++ b/publisher/src/components/Settings/AccountSettings.styles.tsx @@ -36,7 +36,6 @@ export const AccountSettingsTitle = styled.h1` ${typography.sizeCSS.title}; margin-top: 4px; padding-bottom: 14px; - background-color: ${palette.solid.red}; @media only screen and (max-width: ${MIN_TABLET_WIDTH}px) { ${typography.sizeCSS.medium}; diff --git a/publisher/src/router/Router.tsx b/publisher/src/router/Router.tsx index 79e211482..c91cd0952 100644 --- a/publisher/src/router/Router.tsx +++ b/publisher/src/router/Router.tsx @@ -19,7 +19,7 @@ import React, { useEffect } from "react"; import { Navigate, Route, Routes, useParams } from "react-router-dom"; import { DataEntryInterstitial } from "../components/DataEntryInterstitial"; -import { DataUpload } from "../components/DataUpload"; +import { DataUpload, UploadedFiles } from "../components/DataUpload"; import ShareSpreadsheetReview from "../components/DataUpload/ShareSpreadsheet"; import ShareUploadErrorWarnings from "../components/DataUpload/ShareUploadErrorWarnings"; import UploadSpreadsheetReview from "../components/DataUpload/UploadSpreadsheet"; @@ -72,6 +72,7 @@ export const Router = () => { /> } /> } /> + } /> } /> } /> } />