Better integration between input-append and search-query

Created by: jgutix

Inserting a search-query textbox inside input-append for adding a button after, cause rounded sides to dissapear, with this markup:

<form action="" class="form-search">
     <div class="input-append">
         <input type="search" class="search-query span6"><button
             class="btn" type="button"><span class="icon-search"></span></button>
     </div>
  </form>

To fix that I create next css:

.form-search .input-append .search-query {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}
.form-search .input-append button:last-child{
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

Check it here: http://jsbin.com/icosan/3 That would be nice integrate it to boostrap css source to not use this trick