Вопрос? Съехала кликабельность кнопки

Вообщем когда вытащил форму поиска на верх,и вроде бы все как нужно выглядит, но теперь кнопочка в Панель нажимается криво и реагирует чуть выше чем нужно. На скриншоте показал где она срабатывает. Как фиксануть подскажите

 

Гениально,я как бы понял что в стилях, но я не очень хорошо в них шарю.

 

byroot Defoz
http://x996458m.beget.tech/

 

Анна
По поводу css я его не трогал, только в файлах шаба вытащил поиск ну и растянул немного.
byroot Defoz
Вот код в мейне

Code:

<header class="head-wr">
        <div class="head center clearfix">
            <div class="head-one" id="head-one">
                <a href="/" class="logotype" title="На главную"></a>
                        <form id="quicksearch" method="post">
                                <input type="hidden" name="do" value="search" />
                                <input type="hidden" name="subaction" value="search" />
                                <div class="search-box">
                                    <input id="story" name="story" placeholder="Поиск..." type="text" />
                                    <button type="submit" title="Найти">Найти</button>
                                </div>
                            </form>   
                             <div class="action-btns"> 
                            <div class="log-btn icon-left" id="loginbtn">
                        [group=5]<span class="fa fa-sign-in"></span><span>Авторизация</span>[/group]
                        [not-group=5]<span class="fa fa-bars"></span><span>Управление</span>[/not-group]
                    </div>
                </div>
            </div>
            <nav class="head-two">
                {include file="main-menu.tpl"}       
            </nav>
        </div>           
    </header>

А вот Оригинал который был

Code:

    <header class="head-wr">
        <div class="head center clearfix">
            <div class="head-one" id="head-one">
                <a href="/" class="logotype" title="На главную"></a>
                <ul class="head-menu clearfix" id="head-menu">
                        <li><a href="#">Главная</a></li>
                        <li><a href="#">Ссылка</a></li>
                        <li><a href="#">Ссылка</a></li>
                        <li><a href="#">Ссылка</a></li>
                </ul>
                <div class="action-btns">
                    <div class="search-btn" id="searchbtn"><span class="fa fa-search"></span></div>
                    <div class="log-btn icon-left" id="loginbtn">
                        [group=5]<span class="fa fa-sign-in"></span><span>Авторизация</span>[/group]
                        [not-group=5]<span class="fa fa-bars"></span><span>Управление</span>[/not-group]
                    </div>
                </div>
            </div>
            <nav class="head-two">
                {include file="main-menu.tpl"}       
            </nav>
        </div>
            <div class="search-wrap" id="search-wrap">
                            <form id="quicksearch" method="post">
                                <input type="hidden" name="do" value="search" />
                                <input type="hidden" name="subaction" value="search" />
                                <div class="search-box">
                                    <input id="story" name="story" placeholder="Поиск..." type="text" />
                                    <button type="submit" title="Найти">Найти</button>
                                </div>
                            </form>
            </div>
    </header>

 

И так, всем спасибо, кажется исправил, надо было к стилю .search-box добавить float-left чтобы кнопка авторизации встала куда нужно..