The height of the header and the size of the search area

Hello,
1. How can I change the height of the header (make it smaller) and align the right info area to the bottom of the header (near to the menu)? I want to make the distance between the header info area and the menu equal to the distance between logo and menu (see the image).
2. How can I make the size of the search field smaller (in height and width)?
Thank you!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.menu_wrapper {
margin-top: 10px;
}
.header .logo {
margin-top: 16px;
}
.header-info {
margin-top: 0px;}
 
.top-search .searchform {
width: 150px;
height: 26px;}
.top-search .searchform input[type="text"] {
width: 145px;
height: 27px;}

 

Thank you, perfect!