From f09a9be52358edc829ca1889f2ba54669d11d122 Mon Sep 17 00:00:00 2001
From: Ilya Daynatovich <shupuercha@gmail.com>
Date: Tue, 8 Nov 2016 13:36:43 +0200
Subject: [PATCH] Fixed problem with resizing thumb avatars

---
 css/_mixins.scss              | 8 ++++++++
 css/_videolayout_default.scss | 3 ++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/css/_mixins.scss b/css/_mixins.scss
index d5e8ac25b0..c8914a8db3 100644
--- a/css/_mixins.scss
+++ b/css/_mixins.scss
@@ -66,6 +66,14 @@
   @include transform(translate(-50%, -50%))
 }
 
+/**
+* Defines the maximum width and height
+**/
+@mixin maxSize($value) {
+    max-width: $value;
+    max-height: $value;
+}
+
 @mixin transform($func) {
   -moz-transform: $func;
   -ms-transform: $func;
diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss
index 326e2a2c5b..dbc9afb475 100644
--- a/css/_videolayout_default.scss
+++ b/css/_videolayout_default.scss
@@ -399,7 +399,8 @@
 }
 
 .userAvatar {
-    @include circle(60px);
+    @include maxSize(60px);
+    @include circle(50%);
     @include absoluteAligning();
 }