From 8ce82a119d468811a890ea5576a28950e668f6a6 Mon Sep 17 00:00:00 2001
From: gzbender <gzbender74@gmail.com>
Date: Thu, 28 Jun 2018 19:12:34 +0500
Subject: [PATCH] =?UTF-8?q?LIL-522=20=D0=92=20=D0=B1=D0=BB=D0=BE=D0=BA?=
 =?UTF-8?q?=D0=B5=20=D1=81=D0=BE=D0=B7=D0=B4=D0=B0=D0=BD=D0=B8=D1=8F=20?=
 =?UTF-8?q?=D1=83=D1=80=D0=BE=D0=BA=D0=B0/=D1=88=D0=BA=D0=BE=D0=BB=D1=8B?=
 =?UTF-8?q?=20"=D1=82=D0=B5=D0=BA=D1=81=D1=82=20+=20=D1=84=D0=BE=D1=82?=
 =?UTF-8?q?=D0=BE"=20=D0=B8=D1=81=D0=BA=D0=B0=D0=B6=D0=B0=D1=8E=D1=82?=
 =?UTF-8?q?=D1=81=D1=8F=20=D0=B8=D0=B7=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F=20=D1=81=20=D0=B2=D0=B5=D1=80=D1=82=D0=B8?=
 =?UTF-8?q?=D0=BA=D0=B0=D0=BB=D1=8C=D0=BD=D0=BE=D0=B9=20=D0=BE=D1=80=D0=B8?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=82=D0=B0=D1=86=D0=B8=D0=B5=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/course/templates/course/content/imagetext.html   | 6 +++++-
 apps/course/templates/course/course_only_lessons.html | 4 +++-
 web/src/sass/_common.sass                             | 9 ++++++++-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/apps/course/templates/course/content/imagetext.html b/apps/course/templates/course/content/imagetext.html
index 62ec511b..6385391e 100644
--- a/apps/course/templates/course/content/imagetext.html
+++ b/apps/course/templates/course/content/imagetext.html
@@ -4,7 +4,11 @@
 
     <div class="lessons__item">
       <div class="lessons__row">
-        <div class="lessons__preview"><img class="lessons__pic" style="display: block;border-radius:50%;width:130px;height: 130px" src="{{ content.img.image.url }}"></div>
+        <div class="lessons__preview">
+          <div class="lessons__pic-wrapper">
+            <img class="lessons__pic" src="{{ content.img.image.url }}">
+          </div>
+        </div>
         <div class="lessons__content">{{ content.txt | safe }}</div>
       </div>
     </div>
diff --git a/apps/course/templates/course/course_only_lessons.html b/apps/course/templates/course/course_only_lessons.html
index 4e5ab944..8a69c198 100644
--- a/apps/course/templates/course/course_only_lessons.html
+++ b/apps/course/templates/course/course_only_lessons.html
@@ -184,7 +184,9 @@
             <div class="lessons__row">
               {% if lesson.cover %}
               <div class="lessons__preview">
-                <img class="lessons__pic" src="{{ lesson.cover.image.url }}">
+                <div class="lessons__pic-wrapper">
+                  <img class="lessons__pic" src="{{ lesson.cover.image.url }}">
+                </div>
               </div>
               {% endif %}
               <div class="lessons__content">{{ lesson.short_description | truncatechars_html:800 | safe }}</div>
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index 096e0b1b..0f732fa5 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -2648,8 +2648,15 @@ a.grey-link
     flex: 0 0 140px
     +m
       display: none
+  &__pic-wrapper
+    width: 130px;
+    height: 130px;
+    border-radius: 50%;
+    overflow: hidden;
   &__pic
-    display: block
+    top: 50%;
+    position: relative;
+    transform: translateY(-50%);
     width: 100%
   &__content
     flex: 0 0 calc(100% - 165px)