LIL-652 Баг мобильной верстки расписания

apps/school/templates/blocks/schedule_item.html

@@ -4,9 +4,12 @@
     <div class="timing__info">
       <div class="timing__day{% if school_schedule.is_online %} active{% endif %}">
         {{ school_schedule }}
+        {% if request.user_agent.is_mobile and school_schedule.trial_lesson %}
+        <a class="timing__trial-lesson js-video-modal" href="#" data-video-url="{{ school_schedule.trial_lesson }}">Пробный урок</a>
+        {% endif %}
       </div>
       {% if is_purchased and live_lesson %}
-      <div class="timing__date">{{ live_lesson.date|date:"j E" }}</div>
+      <div class="timing__date">{% if request.user_agent.is_mobile %}{{ live_lesson.date|date:"j b" }}{% else %}{{ live_lesson.date|date:"j E" }}{% endif %}</div>
       {% endif %}
       <div class="timing__time">{{ school_schedule.start_at }} (МСК)</div>
       <div class="timing__buy">
@@ -17,7 +20,7 @@
         {% else %}
           {% include './day_pay_btn.html' %}
         {% endif %}
-        {% if school_schedule.trial_lesson %}
+        {% if not request.user_agent.is_mobile and school_schedule.trial_lesson %}
         <a class="timing__trial-lesson js-video-modal" href="#" data-video-url="{{ school_schedule.trial_lesson }}">Пробный урок</a>
         {% endif %}
       </div>

web/src/sass/_common.sass

@@ -1836,6 +1836,8 @@ a.grey-link
       transition: opacity .2s
   &__cell
     padding-right: 10px
+    +m
+      margin-bottom: 5px
     &:first-child
       padding-top: 3px
       +fb
@@ -3799,9 +3801,6 @@ a.grey-link
   &__item.open &__buy,
   &__item.open &__more
     display: block
-  &__item.open &__buy
-    +m
-      display: flex
   &__item.open &__cell
     &:nth-child(3)
       +m
@@ -3863,7 +3862,7 @@ a.grey-link
   &__date
     opacity: .5
     +m
-      margin: -3px 0 0 auto
+      margin: -3px 0 0 10px
   &__buy
     +m
       flex: 1 0 0
@@ -3872,13 +3871,14 @@ a.grey-link
     display: inline-block
     margin-top: 10px
     +m
-      display: block
+      position: absolute;
-      margin-bottom: -31px
+      width: 120px;
+      margin-top: 6px;
   &__time
     margin: 15px 0
     opacity: .5
     +m
-      margin: -1px 15px
+      margin: -1px 15px 0 5px
       font-size: 12px;
   &__btn
     margin-right: -60px