From bb20d6425f010441d9f5e465f13d772f596ab1d0 Mon Sep 17 00:00:00 2001
From: gzbender <gzbender74@gmail.com>
Date: Mon, 19 Aug 2019 18:31:52 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=BE=D0=B2=D1=8B=D0=B9=20=D0=B4=D0=B8?=
 =?UTF-8?q?=D0=B7=D0=B0=D0=B9=D0=BD=20/=20=D0=9A=D1=83=D1=80=D1=81=D1=8B?=
 =?UTF-8?q?=20=D0=BF=D0=BE=D0=B8=D1=81=D0=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/course/templates/course/course.html | 14 ++++++++------
 web/src/sass/_common.sass                | 14 +++++++++++++-
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/apps/course/templates/course/course.html b/apps/course/templates/course/course.html
index 79bab74d..99642e86 100644
--- a/apps/course/templates/course/course.html
+++ b/apps/course/templates/course/course.html
@@ -23,7 +23,7 @@
 {% block ogdescription %}{{ course.short_description | striptags }}{% endblock ogdescription %}
 
 {% block content %}
-<div class="section section_border course">
+<div class="section section_course section_border course">
   <div class="section__center center center_sm">
     <div class="go">
       <a class="go__item" href="{% if next %}{{next}}{% else %}{% url 'courses' %}{% endif %}">
@@ -39,9 +39,9 @@
       {% endif %}
       {% if not is_owner and course.price %}
         {% if not paid or can_buy_again %}
-        <div>
+        <div class="section__course-buttons">
           <a href="#"
-            class="btn{% if pending %} btn_gray{% endif %} btn_md"
+            class="btn{% if pending %} btn_gray{% endif %}"
             {% if user.is_authenticated %}
             {% if not pending %}
             data-course-buy
@@ -54,7 +54,7 @@
               {% if paid and can_buy_again %}ПРОДЛИТЬ ДОСТУП{% else %}КУПИТЬ КУРС{% endif %}
             {% endif %}</a>
           {% if not paid %}
-          <a class="main__btn btn btn_stroke-black" href="{% url 'gift-certificates' %}">Подарить другу</a>
+          <a class="btn btn_stroke-black" href="{% url 'gift-certificates' %}">Подарить другу</a>
           {% endif %}
         </div>
         {% endif %}
@@ -153,6 +153,7 @@
             </div>
             <div class="meta__title">{{ course.lessons.count | rupluralize:"урок,урока,уроков" }}</div>
           </div>
+          {% if not request.user_agent.is_mobile %}
           <div class="meta__item">
             <div class="meta__icon">
               <svg class="icon icon-video">
@@ -161,6 +162,7 @@
             </div>
             <div class="meta__title">{{ course.count_videos_in_lessons }} видео</div>
           </div>
+          {% endif %}
         </div>
       </div>
       <div class="course__actions">
@@ -356,9 +358,9 @@
       </div>
       {% if not is_owner and course.price %}
         {% if not paid or can_buy_again %}
-        <div>
+        <div {% if request.user_agent.is_mobile %}style="margin-top: 20px;"{% endif %}>
           <a href="#"
-            class="btn{% if pending %} btn_gray{% endif %} btn_md"
+            class="btn{% if pending %} btn_gray{% endif %}"
             {% if user.is_authenticated %}
             {% if not pending %}
             data-course-buy
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index 8861f69d..56951b4d 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -1173,6 +1173,9 @@ a[name]
     +m
       padding: 0 0 0 10px
 
+  &_course .go
+    flex-wrap: wrap
+
   &__quote
     font-size: 18px
     margin: -50px 0 -50px -100px
@@ -1208,6 +1211,13 @@ a[name]
       +m
         font-size: 13px
 
+  &__course-buttons
+    +m
+      margin-top: 10px
+
+    & .btn
+      margin-right: 10px
+
 
 .reviews-section
   background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(254,244,244,1) 100%)
@@ -2808,7 +2818,7 @@ a.grey-link
     //&:not(:last-child)
     margin-right: 40px
     +t
-      margin-right: 30px
+      margin-right: 20px
   &__icon
     margin-right: 10px
     font-size: 0
@@ -3117,6 +3127,8 @@ a.grey-link
       height: 160px
 
 .questions
+  &__items
+    overflow: hidden
   &__anchor
     display: block
     position: relative