Index: lams_central/conf/scss/_mixins.scss =================================================================== diff -u -r9946788a0f2d89cd298e289eddbf59d3b38ba197 -r65fb71a9284752d3f8acfd9875aa86a1d60e345b --- lams_central/conf/scss/_mixins.scss (.../_mixins.scss) (revision 9946788a0f2d89cd298e289eddbf59d3b38ba197) +++ lams_central/conf/scss/_mixins.scss (.../_mixins.scss) (revision 65fb71a9284752d3f8acfd9875aa86a1d60e345b) @@ -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 -r5f0d692f1562682396a06a8a56ea0a2529738eda -r65fb71a9284752d3f8acfd9875aa86a1d60e345b --- lams_central/web/css/_learner_base.scss (.../_learner_base.scss) (revision 5f0d692f1562682396a06a8a56ea0a2529738eda) +++ lams_central/web/css/_learner_base.scss (.../_learner_base.scss) (revision 65fb71a9284752d3f8acfd9875aa86a1d60e345b) @@ -1015,19 +1015,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 {