diff --git a/components/system/Files/FileEntry/StyledColumnRow.ts b/components/system/Files/FileEntry/StyledColumnRow.ts index df0bbdb675..a2d8f0f62e 100644 --- a/components/system/Files/FileEntry/StyledColumnRow.ts +++ b/components/system/Files/FileEntry/StyledColumnRow.ts @@ -8,12 +8,15 @@ const StyledColumnRow = styled.div` div { color: #fff; overflow: hidden; + padding-right: ${({ theme }) => + theme.sizes.fileManager.detailsEndPadding}px; text-overflow: ellipsis; white-space: nowrap; &:last-child { - margin-right: -6px; - padding-right: 6px; + margin-right: -${({ theme }) => theme.sizes.fileManager.detailsEndPadding / 2}px; + padding-right: ${({ theme }) => + theme.sizes.fileManager.detailsEndPadding / 2}px; } } `; diff --git a/components/system/Files/Views/Details/StyledFileEntry.ts b/components/system/Files/Views/Details/StyledFileEntry.ts index 66909dcbf5..c38c04b031 100644 --- a/components/system/Files/Views/Details/StyledFileEntry.ts +++ b/components/system/Files/Views/Details/StyledFileEntry.ts @@ -15,6 +15,8 @@ const StyledFileEntry = styled.li` display: flex; flex-direction: row; height: ${({ theme }) => theme.sizes.fileManager.detailsRowHeight}; + padding-right: ${({ theme }) => + theme.sizes.fileManager.detailsEndPadding}px; place-items: center; position: relative; diff --git a/contexts/process/directory.ts b/contexts/process/directory.ts index 206a630397..653079da5d 100644 --- a/contexts/process/directory.ts +++ b/contexts/process/directory.ts @@ -87,8 +87,8 @@ const directory: Processes = { Component: dynamic(() => import("components/apps/FileExplorer")), backgroundColor: "#202020", defaultSize: { - height: 260, - width: 407, + height: 330, + width: 484, }, icon: FOLDER_ICON, title: "File Explorer", diff --git a/styles/defaultTheme/sizes.ts b/styles/defaultTheme/sizes.ts index 1537d1b4a6..31e6d612e6 100644 --- a/styles/defaultTheme/sizes.ts +++ b/styles/defaultTheme/sizes.ts @@ -28,6 +28,7 @@ const sizes = { columnHeight: "25px", columnMinWidth: 80, columnResizeWidth: 7, + detailsEndPadding: 15, detailsRowHeight: "22px", detailsStartPadding: 14, gridEntryHeight: "70px",