TRI-293: edit form

styles/base/grid.scss

@@ -39,9 +39,8 @@
 
 @media (max-width: $screen-xs-max) {
   .container {
-    max-width: 100vw;
-    margin: 0;
-    padding: 0 16px;
+    max-width: calc(100vw - 34px);
+    margin: 0 16px;
   }
 }
 

styles/base/redefine.scss

@@ -15,6 +15,10 @@ footer {
 
 @media only screen and (max-width: $screen-xl-max) {
 
+  header {
+    padding-bottom: 5px;
+  }
+
   section.profile {
     width: 100%;
   }

styles/base/typograph.scss

@@ -26,7 +26,8 @@ body {
   max-width: 100vw;
   max-height: initial;
   height: initial;
-  overflow-x: hidden;
+  // not work with posytion sticky
+  //overflow-x: hidden;
 }
 
 label {

styles/create_poster/create_poster.scss

@@ -236,6 +236,11 @@ $row-gap: 40px;
       display: flex;
       min-width: 100%;
       gap: $row-gap;
+      flex-wrap: wrap;
+
+      @media (max-width: $screen-lg-max) {
+      display: block;
+      }
     }
   }
 
@@ -286,10 +291,6 @@ $row-gap: 40px;
       }
     }
 
-    input {
-
-    }
-
     .poster__inp-country {
       position: absolute;
       display: flex;
@@ -375,17 +376,6 @@ $row-gap: 40px;
 
   &__locate {
     appearance: none;
-
-    //&:not(:placeholder-shown) {
-    //  padding-left: 65px;
-    //}
-
-    //&:placeholder-shown {
-    //
-    //  +.poster__inp-country {
-    //    display: none;
-    //  }
-    //}
   }
 
   .btn {
@@ -402,7 +392,7 @@ $row-gap: 40px;
     &--inline {
 
       @media (max-width: $screen-sm-max) {
-        width: 100%;
+        max-width: 100%;
       }
     }
   }