How to move search icon next to social media icons?

Thanks, but I look for a solution like Dude had posted it here:
https://kriesi.at/support/topic/move-search-icon-next-to-social-media-icons/#post-127113

Unfortunately since the rewrite of the theme files with v2.3.1, this code does not work any more, it results in an “array” error.

• This reply was modified 11 years, 2 months ago by BeeCee.

Thanks, but this wasn’t as simple as it seemed :-(
Due to the fact, that the search icon is normally at the very right of the main menu and should now appear ABOVE it, but the main menu items should stay at the RIGHT of its container without space, it was hard for me to figure it out. But now it seems to work with this CSS, if someone needs it, too:

/* Search-Icon next to the social bookmarks */
#top #header .social_bookmarks li:last-child {
	border-right-style: solid !important;
    border-right-width: 1px !important;
}
#top #menu-item-search {
    z-index: 100;
	top: -88px;
}
#top #menu-item-search a {
    text-decoration: none;
}
#header_main {
position: relative;
z-index: 9999;
}

/* Repositioning of the Search-Icon */
.main_menu ul {
    margin-bottom: 0;
    margin-right: -12px;
    margin-top: 0;
    padding: 0;
}
#top #menu-item-search {
    margin-left: -40px;
    top: -86px;
    z-index: 100;
}
#top .social_bookmarks {
    float: right;
    margin-right: 27px;
}

Result:

Then there’s another error:

When I now reduce the width of my Firefox tab like a mobile view would be, then the search icon is completely away and the social icons on the very top are not centered.