0.0.197 media 360px for user_profile v2

static/css/mobile_styles.css

@@ -396,8 +396,69 @@
     section.profile{
         padding: unset;
     }
+
+    .menu_buttons.close{
+        left: -320px;
+        transition: 200ms;
+    }
+    .menu_buttons.open{
+        left: 0;
+        transition: 200ms;
+    }
+    .handler_menu.close{
+        background: #FF613A;
+        color: #FFFFFF;
+    }
+    .handler_menu.close{
+        background: #FFFFFF;
+        color: #000000;
+    }
+    .btns_f_curtain{
+        width: 11px;
+        transition: 200ms;
+    }
+    .btns_f_curtain.open{
+        transform: rotate(240deg);
+    }
+     .btns_f_curtain.open{
+        transform: rotate(0deg);
+    }
+     .text_f_curtain{
+         font-size: 12px;
+         color: #000000;
+
+     }
+     .text_f_curtain.right{
+         transform: rotate(240deg);
+     }
+    .text_f_curtain.left{
+         transform: rotate(90deg);
+     }
+    .handler_menu{
+        width: 127px;
+        height: 32px;
+        display: block;
+        position: absolute;
+        right: 0;
+
+    }
+
     .menu_profile{
-        display: none;
+        width: 320px;
+    }
+
+    .menu_profile>div{
+        width: 274px;
+    }
+    .menu_profile>div>a{
+        font-size: 12px;
+        line-height: 13px;
+    }
+    #customer>a, #mover>a{
+        left: 5%;
+    }
+    .menu_profile>div>img.svg{
+        top: 18px;
     }
     .info_profile{
         width: 100%;
@@ -416,6 +477,12 @@
     .right-part-block-enter-message{
         width: 30%;
     }
+    .container-message_support_chat{
+        width: 70%;
+        min-height: unset;
+        margin-bottom: 25px;
+
+    }
 
 /*  END  user_profile*/
 

static/css/styles.css

@@ -1130,6 +1130,12 @@ h2.title_new_route{
     left: 0px;
 
 }
+
+.handler_menu{
+    display: none;
+    transition: 200ms;
+}
+
 #customer>a,
 #mover>a {
     left: 3%