From 0653b5f36b5c76e79dbaab2038cb4a6dabaaf042 Mon Sep 17 00:00:00 2001
From: Sercan Yemen <sercanyemen@gmail.com>
Date: Thu, 28 Dec 2017 14:00:06 +0300
Subject: [PATCH] Academy app small tweaks and responsive fixes

---
 .../content/apps/academy/course/course.component.scss     | 2 +-
 .../content/apps/academy/courses/courses.component.html   | 4 ++--
 .../content/apps/academy/courses/courses.component.scss   | 8 +++++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

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 @@
 
         <div fxLayout="column" fxLayoutAlign="center">
 
-            <div class="filters" fxLayout="row" fxLayoutAlign="center center"
-                 fxLayout-gt.xs="column" fxLayoutAlign.gt-xs="space-between center">
+            <div class="filters" fxLayout="column" fxLayoutAlign="center center"
+                 fxLayout.gt-xs="row" fxLayoutAlign.gt-xs="space-between center">
 
                 <mat-form-field class="course-search">
 
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;