0.0.208 info_profile section 360px

static/css/mobile_styles.css

@@ -125,6 +125,9 @@
         flex-wrap: wrap;
         text-align: center;
     }
+    .benefit_img_item{
+        max-width: 100%;
+    }
     .tab-btn-2{
         margin: 0 0 5px 0;
     }
@@ -594,6 +597,7 @@
         float: none;
         /*margin-left: 25px;*/
     }
+
     .text_btn_profile{
         font-size: 12px;
     }
@@ -603,6 +607,7 @@
     }
     .block-chat{
         width: 100%;
+        height: 88vh;
     }
     .left-part-block-enter-message{
         width: 70%;
@@ -774,7 +779,104 @@
         font-size: 12px;
 
     }
-/*    my_routes*/
+/* END   my_routes*/
+
+/*    support*/
+    .container-support-btn,
+    .container-sprt-inf-txt{
+        float: none;
+        width: unset;
+        text-align: center;
+    }
+    .send-ticket-suprt-btn{
+        width: 100%;
+    }
+    .container-requests-tech-sprt{
+            margin-top: 100px;
+    }
+    .title-profile-cont{
+        font-size: 34px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: 42px;
+    }
+/*  END  support*/
+
+/*    subscribe*/
+    .state_subscribe, .state_subscribe > a{
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+    }
+/*  END  subscribe*/
+/*    my_profile*/
+    .f-l, .f-r{
+        float: none;
+        width: unset;
+    }
+    .block_inf_profile{
+        padding-top: 20px;
+        border-bottom:unset;
+        text-align: center;
+    }
+    .upload_photo_container{
+        border-bottom: 2px solid #E6E6E6;
+        margin-bottom: 40px;
+    }
+    .container_el_form_profile{
+            width: 100%;
+            margin: 2.5% 0.5% 0.5% 0.5%;
+    }
+    .wrapper_switch_cont{
+        max-width: 245px;
+    }
+    .subscribe_inf{
+        max-width: 260px;
+        margin: auto;
+    }
+
+    .subscribe_inf_left_part{
+        width: 100%;
+        float: none;
+        margin: 10px auto;
+    }
+    .label_toggle_switch_cont{
+        width: 92%;
+    }
+
+    .title_subscribe{
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+    }
+    .name_subscribe{
+        font-size: 18px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 26px;
+    }
+    .subscribe_was_paid{
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+        margin-bottom: 20px;
+    }
+    .label_toggle_switch_cont > label{
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+    }
+
+    .subscribe_inf_right_part{
+        width: 100%;
+        float: none;
+    }
+
+/*  END  my_profile*/
 
 }
 

templates/blocks/profile/b_subscribe_current.html

@@ -11,7 +11,7 @@
             <button class="extend_subscribe_btn">Продлить</button>
             <div class="subscribe_was_paid">Тариф оплачен до: {{ subscribe_for_user.paid_period_to_DT|date:"d.m.y" }}</div>
         </div>
-        <div>
+        <div class="wrapper_switch_cont">
             <div class="width-100">
                 <div class="label_toggle_switch_cont">
                     <label for="id_paid_toggle">Автопродление тарифного плана</label>
@@ -21,6 +21,7 @@
                     <div class="input_toggle_switch_display"></div>
                     <div class="toggler_input_switch"></div>
                 </div>
+                <div class="clear_both"></div>
             </div>
             <div class="width-100">
                 <div class="label_toggle_switch_cont">
@@ -31,6 +32,8 @@
                     <div class="input_toggle_switch_display"></div>
                     <div class="toggler_input_switch"></div>
                 </div>
+                <div class="clear_both"></div>
+
             </div>
         </div>
     </div>