Bom dia! Estou enfrentando problemas com o posicionamento de um botão em CSS. Quando o formulário ainda não aplicou nenhuma validação, ele permanece na posição correta, porém quando as validações são aplicadas (é adicionada a classe has-error
às divs e um label aparece embaixo do campo) ele se desloca para baixo, como na imagem abaixo.
Ao inspecionar os elementos, vejo que existe um padding no botão, e creio que removendo o padding-top
iria resolver, porém não há sequer como editá-lo no navegador para visualizar.
EDIT - Código abaixo Estou usando Bootstrap 3
<div class="form-group pesquisa">
<div class="col-lg-12">
<asp:Label
ID="lblCliente"
AssociatedControlID="txtPesquisaCliente"
ClientIDMode="Static"
Text="Cliente"
CssClass="col-lg-2 control-label"
runat="server">
</asp:Label>
</div>
<div class="col-lg-9">
<div class="input-group">
<asp:TextBox
ID="txtPesquisaCliente"
ClientIDMode="Static"
CssClass="form-control required"
runat="server">
</asp:TextBox>
<div class="input-group-btn">
<button id="btnPesquisarCliente" class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span></button>
</div>
</div>
</div>
</div>
input-group
por isso isto ocorre.