diff --git a/cms/static/sass/views/_updates.scss b/cms/static/sass/views/_updates.scss index 6357b87e0a..8b53f7f2d3 100644 --- a/cms/static/sass/views/_updates.scss +++ b/cms/static/sass/views/_updates.scss @@ -141,6 +141,11 @@ background: none; padding: 0; } + + img { + margin: $baseline/2; + max-width: 100%; + } } diff --git a/lms/static/sass/features/_course-experience.scss b/lms/static/sass/features/_course-experience.scss index ce505d6955..84464da698 100644 --- a/lms/static/sass/features/_course-experience.scss +++ b/lms/static/sass/features/_course-experience.scss @@ -4,6 +4,7 @@ @include border-left(solid 4px $black); margin-bottom: $baseline; padding: $baseline; + overflow: hidden; h1, h2, h3 { font-size: font-size(large); @@ -11,8 +12,14 @@ color: $black; } + img { + @include float(left); + margin: $baseline/2; + max-width: 100%; + } + .dismiss-message { - @include float(right); + @include float(right); } } @@ -128,8 +135,8 @@ .date-summary-container { .date-summary { @include clearfix; - padding: 10px; @include border-left(3px solid $gray-l3); + padding: $baseline/2; .heading { font-size: 1.1rem; @@ -186,15 +193,22 @@ margin: ($baseline*6/5) 0; padding-bottom: ($baseline*6/5); border-bottom: 1px solid $lms-border-color; + .date { font-size: font-size(small); - font-weight: 300; + font-weight: $font-light; float: none; padding-bottom: ($baseline/4); } + &:last-child { border-bottom: 0; } + + img { + margin: $baseline/2; + max-width: 100%; + } } } }