diff --git a/src/library-authoring/import-course/index.scss b/src/library-authoring/import-course/index.scss index 74012aea1..cdb000fba 100644 --- a/src/library-authoring/import-course/index.scss +++ b/src/library-authoring/import-course/index.scss @@ -17,3 +17,22 @@ .text-decoration-underline { text-decoration: underline; } + +.import-course-stepper { + .import-container { + // Calculate all the screen size subtracting the height of the header and title and top/bottom margins + min-height: calc(calc(100vh - 60px - 61px) - calc(var(--pgn-spacing-spacer-base) * 6)); + } + + .content-buttons { + width: 100%; + position: sticky; + bottom: 0; + } + + [class*="col-"] { + // To avoid create an empty gray space between the main content and the sidebar + padding-right: 0; + padding-left: 0; + } +} diff --git a/src/library-authoring/import-course/stepper/ImportStepperPage.tsx b/src/library-authoring/import-course/stepper/ImportStepperPage.tsx index 8b182531f..2a844b175 100644 --- a/src/library-authoring/import-course/stepper/ImportStepperPage.tsx +++ b/src/library-authoring/import-course/stepper/ImportStepperPage.tsx @@ -112,7 +112,7 @@ export const ImportStepperPage = () => { } return ( -