<div class="card card--border">
  <div class="card-body">
    <div class="row">
      <div class="col-lg-11 col-md-11">
        {{#input}} {{>atoms-inputs}} {{/input}}
      </div>

      <div class="col-lg-1 col-md-1">
        <button class="btn btn-secondary btn-block btn-sm btn-no-shadow mb-3" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
          ▼
        </button>
      </div>

      <div class="col-lg-12">
        <button class="btn btn-sm btn-primary btn-no-shadow" type="button" name="button">ABS
          <i class="icon icon--close__small--white"></i>
        </button>
        <button class="btn btn-sm btn-primary btn-no-shadow" type="button" name="button">Kožený volant
          <i class="icon icon--close__small--white"></i>
        </button>

        <div class="collapse" id="collapseExample">

           <button class="dropdown-item" tabindex="0" type="button">Dan</button>
           <button class="dropdown-item" tabindex="0" type="button">Vlada</button>
           <button class="dropdown-item" tabindex="0" type="button">Michal</button>
           <button class="dropdown-item" tabindex="0" type="button">Bobik</button>
           <button class="dropdown-item" tabindex="0" type="button">Jack</button>
           <button class="dropdown-item" tabindex="0" type="button">Bruce Lee</button>

        </div>
      </div>

    </div>
  </div>
</div>
