How to move the AJAX search box to show below rather than to the left

If you add the following custom css to the panel within theme options, then the AJAX Search box will appear below the icon, rather than to the left.

#main-nav .ajax-search-wrap {
top: 46px;
right: -1px;
}
.ajax-search-wrap {
top: 46px;
right: -5px;
}
.ajax-search-wrap:after {
border: 0;
top: 0;
right: 12px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #e3e3e3;
}

– Ed