diff --git a/lms/static/sass/base/_base.scss b/lms/static/sass/base/_base.scss index 80ca693..961427d 100644 --- a/lms/static/sass/base/_base.scss +++ b/lms/static/sass/base/_base.scss @@ -82,7 +82,7 @@ a:link, a:visited { .container { @include clearfix; margin: 0 auto 0; - padding: 0px 10px; + padding: 0px 30px; max-width: grid-width(12); } diff --git a/lms/static/sass/multicourse/_home.scss b/lms/static/sass/multicourse/_home.scss index c7cda46..89af76a 100644 --- a/lms/static/sass/multicourse/_home.scss +++ b/lms/static/sass/multicourse/_home.scss @@ -30,11 +30,11 @@ border: 1px solid rgb(100,100,100); @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5)); @include box-sizing(border-box); - height: 120px; + min-height: 120px; margin-left: grid-width(2) + $gw-gutter; + width: flex-grid(6); float: left; position: relative; - text-align: center; @include transition(all, 0.2s, linear); vertical-align: top; @@ -46,7 +46,6 @@ > hgroup { @include box-sizing(border-box); - height: 120px; @include inline-block; left: 0px; opacity: 1; @@ -86,7 +85,7 @@ padding: 4px; position: relative; vertical-align: top; - width: 210px; + width: flex-grid(2) + flex-gutter(); z-index: 2; &:hover { @@ -97,6 +96,8 @@ height: 100%; overflow: hidden; position: relative; + background: url('../images/courses/video-thumb.jpg') center no-repeat; + @include background-size(cover); .play-intro { @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.65), rgba(0,0,0, 0.75))); diff --git a/lms/templates/index.html b/lms/templates/index.html index e3786b1..be77976 100644 --- a/lms/templates/index.html +++ b/lms/templates/index.html @@ -36,7 +36,6 @@ <a href="#video-modal" class="media" rel="leanModal"> <div class="hero"> - <img src="${static.url('images/courses/video-thumb.jpg')}" /> <div class="play-intro"></div> </div> </a>