<header id="header">
  <div class="container">
    <nav class="navbar navbar-light">
      <a class="navbar-brand" href="/">Dialog <small class="text-muted">| docs</small></a>
      <ul class="nav navbar-nav float-xs-right">
        <li class="nav-item">
          <a href="https://dialoganalytics.com" class="nav-link">&larr; back to Dialog</a>
        </li>
        <li class="nav-item">
          <a href="https://app.dialoganalytics.com/users/sign_in" class="btn btn-outline-primary">Sign in</a>
        </li>
      </ul>
    </nav>
  </div>
</header>

<header class="mt-1 mb-2" id="header">
  <div class="container">
    <nav class="navbar navbar-light">
      <a class="navbar-brand" href="/">Dialog <small class="text-muted">| docs</small></a>
      <ul class="nav navbar-nav float-xs-right">
        <li class="nav-item">
          <a href="https://dialoganalytics.com" class="nav-link">&larr; back to Dialog</a>
        </li>
        <li class="nav-item">
        <%= link_to 'Login', 'https://app.dialoganalytics.com/users/sign_in', class: 'btn btn-outline-secondary' %>
      </li>
      <li class="nav-item">
        <%= link_to 'Sign up', 'https://app.dialoganalytics.com/users/sign_up', class: 'btn btn-success' %>
      </li>
      </ul>
    </nav>
  </div>
</header>

Improve header whitespace and add login
Improve header whitespace and add login
