Center the add ssh key nicely

hosting/static/hosting/css/virtual-machine.css

@@ -199,6 +199,11 @@
   /* text-align: center; */
 }
 
+.vm-add-ssh-key {
+  margin: 25px 0 30px;
+  /* text-align: center; */
+}
+
 @media(min-width: 768px) {
   .vm-detail-contain {
     display: flex;

hosting/templates/hosting/virtual_machine_detail.html

@@ -82,7 +82,7 @@
 		</div>
 			{% if keys|length > 0 %}
 			    {% if not virtual_machine.status == 'canceled' %}
-				<div class="text-center">
+				<div class="text-center vm-add-ssh-key">
 			        <button data-toggle="modal" data-target="#modal-add-ssh-key" class="btn btn-vm-invoice">{% trans "Add SSH Key" %}</button>
 			        <div class="alert alert-danger hide">
 						{% trans "Sorry, there was an unexpected error. Kindly retry." %}