zurb-foundation форма в топбаре

[ekkl]

Прежде всего, вопрос для тех, кто знает этот фреймворк

Хочу поместить форму в topbar, получается не очень красиво.

Код

 <nav class="top-bar" data-topbar>                     <ul class="title-area">                         <li class="name">                             <h1><a href="#">Xandra</a></h1> </li>                        <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>                    </ul>                     <section class="top-bar-section">                        <!-- Right Nav Section -->                         <ul class="right">                             <li class="has-dropdown">                                <a href="#">Вход на сайт</a>                                 <ul class="dropdown has-form">                                     <li style="width: 320px">                                        <form action="" method="post" accept-charset="utf-8">                                        <label for="user">User</label>                                        <input type="text" name="user" />                                        <label for="pass">Pass</label>                                        <input type="text" name="pass" />                                        <input type="submit" name="send" value="submit" class="button right radius" />                                        <div class="clearfix"></div>                                        </form>                                    </li>                                </ul>                             </li>                        </ul> <!-- Left Nav Section -->                         <ul class="left">                             <li><a href="#">Left Nav Button</a></li>                         </ul>                     </section>                 </nav>