diff --git a/src/app/main/content/apps/academy/course/course.component.scss b/src/app/main/content/apps/academy/course/course.component.scss index eed7b8f6..64bfb404 100644 --- a/src/app/main/content/apps/academy/course/course.component.scss +++ b/src/app/main/content/apps/academy/course/course.component.scss @@ -163,7 +163,7 @@ padding: 48px; @media (max-width: 720px) { - padding: 0; + padding: 0 0 120px 0; } .course-step-content { diff --git a/src/app/main/content/apps/academy/courses/courses.component.html b/src/app/main/content/apps/academy/courses/courses.component.html index d0ff39e0..870d3764 100644 --- a/src/app/main/content/apps/academy/courses/courses.component.html +++ b/src/app/main/content/apps/academy/courses/courses.component.html @@ -20,8 +20,8 @@
-
+
diff --git a/src/app/main/content/apps/academy/courses/courses.component.scss b/src/app/main/content/apps/academy/courses/courses.component.scss index 30478f74..b437c44f 100644 --- a/src/app/main/content/apps/academy/courses/courses.component.scss +++ b/src/app/main/content/apps/academy/courses/courses.component.scss @@ -65,10 +65,16 @@ .filters { width: 100%; - max-width: 1000px; + max-width: 1040px; margin: 24px auto; + padding: 0 20px; + + @include media-breakpoint-down('xs') { + margin: 0 auto; + } .course-search { + width: 200px; @include media-breakpoint-down('xs') { margin-bottom: 16px;