diff --git a/apps/course/templates/course/course_only_lessons.html b/apps/course/templates/course/course_only_lessons.html
index 74a5bf47..b987475c 100644
--- a/apps/course/templates/course/course_only_lessons.html
+++ b/apps/course/templates/course/course_only_lessons.html
@@ -180,19 +180,18 @@
{% endif %}
-
{{ forloop.counter }}. {{ lesson.title }}
- {% if lesson.cover %}
-

+
- {% endif %}
-
{{ lesson.short_description | truncatechars_html:800 | safe | linebreaks }}
-
-
diff --git a/apps/course/templates/course/lesson.html b/apps/course/templates/course/lesson.html
index 90e511d5..1152d092 100644
--- a/apps/course/templates/course/lesson.html
+++ b/apps/course/templates/course/lesson.html
@@ -27,18 +27,18 @@
{% endif %}
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index f9cee7ff..60fb7507 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -175,7 +175,7 @@ button
top: 1px
left: 1px
right: 1px
- bottom: 1px
+ bottom: 2px
background: white
border-radius: 2px
transition: opacity .2s
@@ -2654,10 +2654,9 @@ a.grey-link
border-radius: 50%;
overflow: hidden;
&__pic
- top: 50%;
- position: relative;
- transform: translateY(-50%);
+ object-fit: cover
width: 100%
+ height: 100%
&__content
flex: 0 0 calc(100% - 165px)
&__actions
@@ -2700,7 +2699,7 @@ a.grey-link
margin-bottom: 10px
color: #191919
&__content
- margin-bottom: 30px
+ margin-bottom: 15px
color: #191919
&__video_frame
width: 100%
@@ -2708,6 +2707,24 @@ a.grey-link
&__chat_frame
width: 100%
height: 600px
+ &__row
+ display: flex
+ +m
+ display: block
+ &__preview
+ margin-right: 25px
+ flex: 0 0 140px
+ +m
+ display: none
+ &__pic-wrapper
+ width: 130px;
+ height: 130px;
+ border-radius: 50%;
+ overflow: hidden;
+ &__pic
+ object-fit: cover
+ width: 100%
+ height: 100%
.lessons