purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-12-08 18:56:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Academy app small tweaks and responsive fixes

Browse Source
This commit is contained in:
Sercan Yemen
2017-12-28 14:00:06 +03:00
parent f13120bc01
commit 0653b5f36b
3 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/main/content/apps/academy/course/course.component.scss
View File

@@ -163,7 +163,7 @@
padding: 48px;
@media (max-width: 720px) {
padding: 0;
padding: 0 0 120px 0;
}
.course-step-content {

4
src/app/main/content/apps/academy/courses/courses.component.html
View File

@@ -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">

8
src/app/main/content/apps/academy/courses/courses.component.scss
View File

@@ -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;