Série da semana: Primeiros passos no Angular

Veja mais

Posicionamento de botão

10/04/2019

7

Saudações devs

Amigos, estou com um pequeno problema que não sei como resolver, já fiz várias mudanças mas não consegui resolver (https://imgur.com/ks1npzK).
Gostaria de posicionar esses botões para onde os desenhos mostram.

<section class="offset-md-2 col-sm-8">
<div class="row">
<h3>Gestão de Usuários</h3>

<div class="offset-md-10 col-sm-1 ">

<!-- Tirei o col auto da class da tag abaixo -->
<!-- BOTÃO DE ADICIONAR USUÁRIOS --->
<button type="button" class="btn btn-dark" data-toggle="modal" data-target="#ModalAdicionar" >Adicionar Usuário</button>

<div class="modal fade" id="ModalAdicionar" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="titleModal">Adicionar Usuário</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<form action="controladorUsuario.php?sistema=gestao&acao=inserir" method="post" id="formDialog">
<div class="modal-body">
<div class="form-group">
<label>Login:</label>
<input type="text" name="login" class="form-control" id="inputModalLogin">
</div>
<div class="form-group">
<label>Nome:</label>
<input type="text" name="nome" class="form-control" id="inputModalNome">
</div>

<div class="form-group">
<label>Perfil:</label>
<select name="perfil" class="form-control" id="inputModalPerfil">
<option value="gestao">Gest�o</option>
<option value="recepcao" selected>Recep��o</option>
</select>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" id="acao">Adicionar</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button>
</div>
</form>
</div>
</div>
</div>

</div>
<table id="tabelaUsuario" class="table table-striped table-bordered">
<thead>
<tr>
<th class="d-none">ID</th>
<th>Nome</th>
<th>Login</th>
<th>Perfil</th>


</tr>
</thead>
<tbody id="linhasTabela">
<?php
$usuarios = json_decode(Usuario::consultarUsuarios());
for ($i = 0; $i < count($usuarios); $i++) {

?>
<tr>
<td class="d-none"><?php echo $usuarios[$i]->id ?></td>
<td><?php echo $usuarios[$i]->nome ?></td>
<td><?php echo $usuarios[$i]->login; ?></td>
<td><?php echo $usuarios[$i]->perfil; ?></td>
<td>
<button style="font-size:13px" id="modalAtualizar" data-toggle="modal" data-target="#ModalAdicionar" onClick="atualizar(<?php echo $i, ' , ', $usuarios[$i]->id?>, 'editar')" class="btn-outline-dark" ><i class="fas fa-pencil-alt "></i></button>
<button style="font-size:13px" onClick="apagarUsuario(<?php echo $usuarios[$i]->id; ?>)" type="button" class="btn-outline-dark" data-toggle="modal" data-target="#exampleModalCenter"><i class="fas fa-trash-alt"></i></button>

</td>

</tr>

<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Deletar Usuário</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Tem certeza que deseja deletar usuário ?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
<a id="botaoHref" href=""><button type="button" class="btn btn-primary">Deletar</button></a>
</div>
</div>
</div>
</div>

<?php
}
?>

</tbody>

</table>

<!-- BOTÃO DE FECHAR --->
<a href="consultarIngresso.php?sistema=gestao"><input type="button" class="btn btn-dark" value="Fechar"></a>
</div>
</section>
Responder