From 5e5e33ce700ae0ee668c73abc1328597f8ec36e9 Mon Sep 17 00:00:00 2001
From: Arvind Tiwari <tiwariav@gmail.com>
Date: Fri, 18 Aug 2017 23:27:57 +0530
Subject: [PATCH] alignment and last item border

---
 .../static/hosting/css/virtual-machine.css    | 15 +++++++--
 .../templates/hosting/virtual_machines.html   | 32 +++++++++++--------
 2 files changed, 31 insertions(+), 16 deletions(-)

diff --git a/hosting/static/hosting/css/virtual-machine.css b/hosting/static/hosting/css/virtual-machine.css
index 0dd89866..b9409712 100644
--- a/hosting/static/hosting/css/virtual-machine.css
+++ b/hosting/static/hosting/css/virtual-machine.css
@@ -230,6 +230,9 @@
 }
 
 /* New styles */
+.dashboard-container-head {
+  padding: 0 8px;
+}
 .dashboard-title-thin {
   font-weight: 300;
   font-size: 32px;
@@ -323,6 +326,10 @@
   padding: 12px 8px;
 }
 
+.table-switch > tbody > tr:last-child > td {
+  border-bottom: 1px solid #ddd;
+}
+
 @media (min-width: 768px) {
   .table-switch > tbody > tr > td:nth-child(1) {
     padding-right: 45px;
@@ -348,8 +355,12 @@
     display: block;
     position: relative;
     border-top: 1px solid #ddd;
-    margin-top: 15px;
+    /* margin-top: 15px; */
     padding-top: 5px;
+    padding-bottom: 15px;
+  }
+  .table-switch tbody tr:last-child {
+    border-bottom: 1px solid #ddd;
   }
   .table-switch tbody tr td {
     display: block;
@@ -367,7 +378,7 @@
   }
   .table-switch .last-td {
     position: absolute;
-    bottom: 5px;
+    bottom: 20px;
     right: 0;
   }
 }
\ No newline at end of file
diff --git a/hosting/templates/hosting/virtual_machines.html b/hosting/templates/hosting/virtual_machines.html
index fb9e400d..f7461abe 100644
--- a/hosting/templates/hosting/virtual_machines.html
+++ b/hosting/templates/hosting/virtual_machines.html
@@ -2,22 +2,26 @@
 {% load staticfiles bootstrap3 i18n %}
 {% block content %}
 <div class="dashboard-container">
-    <h3 class="dashboard-title-thin"><img src="{% static 'hosting/img/vm.svg' %}" class="un-icon"> {% trans "Virtual Machines" %}</h3>
-    {% if messages %}
-        <div class="alert alert-warning">
-            {% for message in messages %}
-            <span>{{ message }}</span>
-            {% endfor %}
-        </div>
-    {% endif %}
+    <div class="dashboard-container-head">
+        <h3 class="dashboard-title-thin"><img src="{% static 'hosting/img/vm.svg' %}" class="un-icon"> {% trans "Virtual Machines" %}</h3>
+        {% if messages %}
+            <div class="alert alert-warning">
+                {% for message in messages %}
+                <span>{{ message }}</span>
+                {% endfor %}
+            </div>
+        {% endif %}
+        {% if not error %}
+            <div class="dashboard-subtitle">
+                <p>{% trans 'To create a new virtual machine, click "Create VM"' %}</p>
+                <div class="text-right">
+                    <a class="btn btn-vm" href="{% url 'hosting:create_virtual_machine' %}"><span class="css-plus"></span> <span>{% trans "CREATE VM" %}</span></a>
+                </div>
+            </div>
+        {% endif %}
+    </div>
 
     {% if not error %}
-        <div class="dashboard-subtitle">
-            <p>{% trans 'To create a new virtual machine, click "Create VM"' %}</p>
-            <div class="text-right">
-                <a class="btn btn-vm" href="{% url 'hosting:create_virtual_machine' %}"><span class="css-plus"></span> <span>{% trans "CREATE VM" %}</span></a>
-            </div>
-        </div>
         <table class="table table-switch">
             <thead>
                 <tr>