Layout Desconfigurado - Primefaces

Pessoal, estou com o layout desconfigurado, conforme o anexo, segue abaixo o codigo :

    <ui:define name="indexRightColumn">
           <h:form>  
                <p:panel style="left:100px; width:400px;height:200px;">
                    <f:facet name="header">
			  <h:outputText value="#{msg.login_titulo}" />
		     </f:facet>       
                    
                    
                        <h:panelGrid columns="3" styleClass="center-table" style="text-align:right;">                                                       
                            <h:outputText value="#{msg.login_usuario_login}:" />
                            <p:inputText id="#{msg.login_usuario_login}" value="#{tblusuMbean.obj1.usunome}" />    
                            <h:outputText value="#{msg.login_usuario_senha}:" />                            
                            <p:password 
                                        required="true" id="#{msg.login_usuario_senha}" 
                                        label="#{msg.login_usuario_senha}" 
                                        value="#{tblusuMbean.obj1.ususenha}" />

                            <p:commandButton action="#{tblusuMbean.verificausuario}" value="Enviar" />
        		</h:panelGrid>

                </p:panel> 
               
           </h:form>   
            
    </ui:define>

Alguem pode me ajudar ??


Voce colocou que a tabela tem 3 colunas:

<h:panelGrid columns="3"

Entao a label login esta na 1ª coluna, o campo texto na 2ª e a label senha na 3ª coluna da primeira linha.
o comportamento esta correto.

Imagino q vc tenha colocado 3 colunas para acomodar o botao Enviar na mesma linha da senha.
se for isso vc tem q colocar antes do login um <p:spacer/> ou um h:outputText vazio apenas para
preencher a 3ª coluna da primeira linha e assim os demais campos ficaram na 2ª linha alinhados.

Se quiser que o botao enviar fique embaixo da senha coloque a tabela com 2 colunas e o botão do panelGrid.