Show only icons if search is opened

public/css/style.css

@@ -310,10 +310,15 @@ div.pp_default .pp_close:hover {
   margin: 8px;
   border-right: 1px solid rgba(255, 255, 255, 0.2);
   line-height: 2;
+  height: 28px;
   /*&:nth-child(2) {
     padding: 0 19px;
   }*/
 }
+.top_menu_container ul.right_menu li.collapsed, .menu_mobile_container ul.right_menu li.collapsed {
+  padding: 3px 9px 3px 6px;
+  margin: 8px auto;
+}
 .top_menu_container ul.right_menu li:last-child, .menu_mobile_container ul.right_menu li:last-child {
   border: none;
   line-height: 1;
@@ -327,6 +332,12 @@ div.pp_default .pp_close:hover {
   color: #fff;
   text-decoration: none;
   text-transform: uppercase;
+  display: flex;
+}
+.top_menu_container ul.right_menu li a span, .menu_mobile_container ul.right_menu li a span {
+  overflow: hidden;
+  display: block;
+  height: 28px;
 }
 .top_menu_container ul.right_menu li a.with_svg_icon, .menu_mobile_container ul.right_menu li a.with_svg_icon {
   position: relative;
@@ -356,7 +367,7 @@ div.pp_default .pp_close:hover {
   border: 1px solid #efefef;
   border-radius: 3px;
   background-color: #fff;
-  height: 29px;
+  height: 26px;
   font-family: Montserrat, serif;
   font-size: 16px;
   line-height: 1.25;
@@ -364,7 +375,7 @@ div.pp_default .pp_close:hover {
 }
 .top_menu_container ul.right_menu li .search_form .search_submit, .menu_mobile_container ul.right_menu li .search_form .search_submit {
   float: right;
-  margin: 6px;
+  margin: 4px;
 }
 .top_menu_container ul.right_menu li .search_button, .menu_mobile_container ul.right_menu li .search_button {
   margin-top: 6px;