LIL-138. Update styles

web/build/css/app.css

@@ -865,6 +865,8 @@ a.grey-link:hover { color: #000; border-bottom: 1px #545454 solid; }
 
 .layout__container { -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; }
 
+.layout__search { -ms-flex: 0 0 100%; flex: 0 0 100%; }
+
 .layout__sidebar { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
 
 .similar__item { display: -ms-flexbox; display: flex; margin-bottom: 30px; color: #191919; }
@@ -1369,6 +1371,14 @@ a.grey-link:hover { color: #000; border-bottom: 1px #545454 solid; }
 
 .form__common-error { margin-top: 15px; font-size: 14px; background: #FF9393; color: #fff; padding: 10px; display: none; }
 
+.searching { display: -ms-flexbox; display: flex; margin-bottom: 40px; }
+
+.searching__input { height: 40px; padding: 0 10px; border: 1px solid #E6E6E6; border-radius: 3px 0 0 3px; font-size: 18px; transition: border-color .2s; -ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); }
+
+.searching__input:focus { border-color: #191919; }
+
+.searching__btn { border-radius: 0 3px 3px 0; -ms-flex: 0 0 100px; flex: 0 0 100px; }
+
 @media only screen and (max-width: 1023px) {
 
  body { font-size: 14px; line-height: 1.57; }

web/src/sass/_common.sass

@@ -2069,6 +2069,8 @@ a.grey-link
     flex: 0 0 66.66%
     +t
       margin-bottom: 40px
+  &__search
+    flex: 0 0 100%
   &__sidebar
     flex: 0 0 33.33%
 
@@ -3165,7 +3167,22 @@ a.grey-link
   +m
     display: none
 
-
+.searching
+  display: flex
+  margin-bottom: 40px
+  &__input
+    height: 40px
+    padding: 0 10px
+    border: 1px solid $border
+    border-radius: 3px 0 0 3px 
+    font-size: 18px
+    transition: border-color .2s
+    &:focus
+      border-color: $cl
+    flex: 0 0 calc(100% - 100px)
+  &__btn
+    border-radius: 0 3px 3px 0 
+    flex: 0 0 100px