Новый дизайн / Курсы поиск

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

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