TRI-293: edit form-poster + page styles

styles/create_poster/create_poster.scss

@@ -273,6 +273,36 @@ $row-gap: 40px;
 
   &__label {
     margin-bottom: 10px;
+    cursor: default;
+  }
+
+  &__inp-box {
+    position: relative;
+
+    &.is-set {
+
+      .poster__locate {
+        padding-left: 65px;
+      }
+    }
+
+    input {
+
+    }
+
+    .poster__inp-country {
+      position: absolute;
+      display: flex;
+      align-items: center;
+      left: 10px;
+      top: 50%;
+      gap: 5px;
+      transform: translateY(-50%);
+
+      img {
+        width: 24px;
+      }
+    }
   }
 
   &__area-descr {
@@ -320,8 +350,42 @@ $row-gap: 40px;
 
   }
 
+  &__towns-item {
+    display: flex;
+    align-items: center;
+    padding: 5px 5px;
+    font-size: 16px;
+    line-height: 22px;
+    cursor: pointer;
+
+    &:hover {
+      background: var(--brand-grey);
+    }
+
+    img {
+      width: 24px;
+      margin-right: 5px;
+    }
+
+    span {
+      margin-right: 8px;
+    }
+
+  }
+
   &__locate {
     appearance: none;
+
+    //&:not(:placeholder-shown) {
+    //  padding-left: 65px;
+    //}
+
+    //&:placeholder-shown {
+    //
+    //  +.poster__inp-country {
+    //    display: none;
+    //  }
+    //}
   }
 
   .btn {