как минимизировать расстояние между моими компонентами брендинга

У меня есть верхний уровень nav bar. Но в настоящее время имя пользователя входа, дата и время и поиск имеют много места между ними:

но есть ли способ минимизировать пространство между компонентами, как показано ниже: -

мой текущий html для верхней навигации: -

<section id="login" class="navbar-search pull-right">
<span class="username" style=" display:block;"><i class="icon-user"></i><strong> @User.Identity.Name.Substring(User.Identity.Name.IndexOf("\\") + 1)</strong></span>
<div style="text-align:right">
<p id="currentdate"></p>
<p id="currenttime" ></p>   
    </div>
<form class="customSearch" method="GET" action="@Url.Action("Search", "Home")">
<input  class="searchInput" placeholder="Search" name="searchTerm2" data-autocomplete-source= "@Url.Action("AutoComplete", "Home")" type="text"  />
</form>
                    </section>