0.0.319

static/css/mobile_styles.css

@@ -420,42 +420,88 @@
     .menu_buttons{
         background: #FFFFFF;
         height: 100vh;
-        z-index: 18;
-        top: 46px;
+        z-index: 99;
+        top: 47px;
         overflow: auto;
     }
 
-    .menu_buttons.close{
+    .menu_buttons.right.close{
+        right: -320px;
+        transition: 200ms;
+        position: absolute;
+        width: 320px;
+    }
+
+    .menu_buttons.left.close{
         left: -320px;
         transition: 200ms;
         position: absolute;
         width: 320px;
     }
-    .menu_buttons.open{
-        left: 0;
+    .menu_buttons.right.open{
+        right: 0;
         transition: 200ms;
-        position: absolute;
+        position: fixed;
 
         padding-top: 10px;
     }
-    .handler_menu.close{
+
+    .menu_buttons.left.open{
+        left: 0;
+        transition: 200ms;
+        position: fixed;
+
+        padding-top: 10px;
+    }
+    .handler_menu.left.close{
         background: #FF613A;
         color: #FFFFFF;
         left: -49px;
     }
-    .menu_buttons.open .handler_menu{
+    .handler_menu.right.close{
+        background: #FF613A;
+        color: #FFFFFF;
+        left: -49px;
+    }
+    .menu_buttons.left.open .handler_menu{
         background: #FFFFFF;
         color: #000000;
         left: 272px;
     }
+    .menu_buttons.right.open .handler_menu{
+        background: #FFFFFF;
+        color: #000000;
+        left: -39px;
+    }
     .menu_buttons.close .handler_menu{
         background: #FF613A;
         color: #FFFFFF;
     }
-
-    .handler_menu{
-        transform: rotate(90deg);
+    .menu_buttons.right .handler_menu{
+        transform: rotate(270deg);
+        left: 312px;
+        width: 91px;
+        height: 18px;
+        display: block;
+        position: fixed;
+        text-align: center;
+        top: 39%;
+        border-radius: 10px 10px 0 0;
+        padding: 7px 18px 7px 18px;
     }
+    .menu_buttons.left .handler_menu{
+        transform: rotate(90deg);
+        width: 91px;
+        height: 18px;
+        display: block;
+        position: fixed;
+        left: -48px;
+        text-align: center;
+        top: 39%;
+        border-radius: 10px 10px 0 0;
+        padding: 7px 18px 7px 18px;
+    }
+
     .btns_f_curtain{
         width: 7px;
         transition: 200ms;
@@ -484,17 +530,6 @@
      .text_f_curtain{
          display: inline-block;
      }
-    .handler_menu{
-        width: 91px;
-        height: 18px;
-        display: block;
-        position: fixed;
-        right: -79px;
-        text-align: center;
-        top: 39%;
-        border-radius: 10px 10px 0 0;
-        padding: 7px 18px 7px 18px;
-    }
 
     .menu_profile{
         width: 320px;