networks: Separate the delete button and color it differently

Pull the delete button in the connection show page to the right to prevent
hitting it by accident.

Signed-off-by: Fioddor Superconcentrado <fioddor@gmail.com>
[sunil: Use a new consistent style compatible with bootstrap4]
[sunil: Styled the delete button with danger color]
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
This commit is contained in:
Fioddor Superconcentrado 2020-12-13 20:46:30 +01:00 committed by Sunil Mohan Adapa
parent 8d57aca6d1
commit 213cf16f8d
No known key found for this signature in database
GPG Key ID: 43EA1CFF0AA7C5F2
2 changed files with 3 additions and 3 deletions

View File

@ -39,7 +39,7 @@
{% endif %}
<a href="{% url 'networks:delete' connection.uuid %}"
class="btn btn-default" role="button"
class="btn btn-danger button-secondary" role="button"
title="{% trans "Delete connection" %}">{% trans "Delete" %}</a>
</div>

View File

@ -723,8 +723,8 @@ input[type='submit'].running-status-button {
}
.btn-toolbar .button-secondary:first-child,
.btn-toolbar .btn:not(.button-secondary) + .button-secondary,
.btn-toolbar .btn:not(.button-secondary) + .running-status-button-before {
.btn-toolbar :not(.button-secondary) + .button-secondary,
.btn-toolbar :not(.button-secondary) + .running-status-button-before {
margin-left: auto;
}