h3 Connections

.list-group.list-group-flush.mt-3.mb-3
    .list-group-item.list-group-item-action.d-flex.align-items-center(
        *ngFor='let connection of connections',
        (click)='editConnection(connection)'
    )
        .mr-auto
            div {{connection.name}}
            .text-muted {{connection.port}}
        button.btn.btn-outline-danger.ml-1((click)='$event.stopPropagation(); deleteConnection(connection)')
            i.fas.fa-trash

button.btn.btn-primary((click)='createConnection()')
    i.fas.fa-fw.fa-plus
    span.ml-2 Add connection
