Use a separate class for warning block

This commit is contained in:
PCoder 2018-08-22 23:06:20 +02:00
parent 4425aa7c88
commit 29172a9df7
2 changed files with 6 additions and 2 deletions

View file

@ -142,10 +142,14 @@
} }
.vm-vmid { .vm-vmid {
padding: 50px 0 33px; padding: 50px 0 70px;
text-align: center; text-align: center;
} }
.vm-vmid-with-warning {
padding: 50px 0 33px !important;
}
.vm-vmid .alert { .vm-vmid .alert {
margin-top: 15px; margin-top: 15px;
margin-bottom: -60px; margin-bottom: -60px;

View file

@ -51,7 +51,7 @@
</div> </div>
<div class="vm-detail-item"> <div class="vm-detail-item">
<h2 class="vm-detail-title">{% trans "Status" %} <img src="{% static 'hosting/img/connected.svg' %}" class="un-icon"></h2> <h2 class="vm-detail-title">{% trans "Status" %} <img src="{% static 'hosting/img/connected.svg' %}" class="un-icon"></h2>
<div class="vm-vmid"> <div class="vm-vmid vm-vmid-with-warning">
<div class="vm-item-subtitle">{% trans "Your VM is" %}</div> <div class="vm-item-subtitle">{% trans "Your VM is" %}</div>
<div id="terminate-VM" data-alt="{% trans 'Terminating' %}"> <div id="terminate-VM" data-alt="{% trans 'Terminating' %}">
{% if virtual_machine.state == 'PENDING' %} {% if virtual_machine.state == 'PENDING' %}