Index: lams_central/conf/scss/_mixins.scss =================================================================== diff -u -r9946788a0f2d89cd298e289eddbf59d3b38ba197 -r2390d548291b9ec0c35d02f61c88d8751e35c136 --- lams_central/conf/scss/_mixins.scss (.../_mixins.scss) (revision 9946788a0f2d89cd298e289eddbf59d3b38ba197) +++ lams_central/conf/scss/_mixins.scss (.../_mixins.scss) (revision 2390d548291b9ec0c35d02f61c88d8751e35c136) @@ -126,17 +126,20 @@ width: $size; height: $size; display: inline-block; + background-repeat:no-repeat; + background-size:cover; } // Generic avatars used in place of profile pictures -@mixin portrait-generic($height) { +@mixin portrait-generic($height, $line-height) { display: inline-block; height: $height; vertical-align: middle; &:before { content: "\f2be"; font-family: FontAwesome; font-style: normal; - font-size: $height - 4; + font-size: $height; font-weight: normal; + line-height: $line-height; } } Index: lams_central/web/css/_learner_base.scss =================================================================== diff -u -r7af8f9e4cffe38079f5b0444a1ff9fc6733f825d -r2390d548291b9ec0c35d02f61c88d8751e35c136 --- lams_central/web/css/_learner_base.scss (.../_learner_base.scss) (revision 7af8f9e4cffe38079f5b0444a1ff9fc6733f825d) +++ lams_central/web/css/_learner_base.scss (.../_learner_base.scss) (revision 2390d548291b9ec0c35d02f61c88d8751e35c136) @@ -1012,19 +1012,19 @@ } .portrait-generic-sm { - @include portrait-generic($portrait-size-image-sm); + @include portrait-generic($portrait-size-image-sm, 26px); } .portrait-generic-md { - @include portrait-generic($portrait-size-image-md); + @include portrait-generic($portrait-size-image-md, 65px); } .portrait-generic-lg { - @include portrait-generic($portrait-size-image-lg); + @include portrait-generic($portrait-size-image-lg, 200px); } .portrait-generic-xl { - @include portrait-generic($portrait-size-image-xl); + @include portrait-generic($portrait-size-image-xl, 400px); } .leader-display {