From 1f38aaf3610c94050efb05a02653c9fe460665f3 Mon Sep 17 00:00:00 2001
From: Sven Slootweg <jamsoftgamedev@gmail.com>
Date: Sun, 6 May 2012 22:19:20 +0200
Subject: [PATCH] Visual changes for VPS list and overview

---
 frontend/css/cvm.css                |  17 ++++-
 frontend/templates/vps.overview.tpl | 108 ++++++++++++++--------------
 2 files changed, 69 insertions(+), 56 deletions(-)

diff --git a/frontend/css/cvm.css b/frontend/css/cvm.css
index 462c376..9b8267c 100644
--- a/frontend/css/cvm.css
+++ b/frontend/css/cvm.css
@@ -40,7 +40,7 @@ table
 th
 {
 	text-align: left;
-	background-color: #12005E;
+	background-color: #31305E;
 	color: white;
 	padding: 3px 4px;
 }
@@ -51,16 +51,31 @@ td
 	padding: 4px 4px 0px 4px;
 }
 
+table.vertical th
+{
+	padding: 3px 7px;
+}
+
 td.container-status img
 {
 	margin-top: 3px;
 }
 
+table.vpsinfo
+{
+	border: 2px solid #31305E;
+}
+
 table.vpsinfo td
 {
 	padding: 2px 13px;
 }
 
+table.vpsinfo th
+{
+	width: 150px;
+}
+
 .clear
 {
 	clear: both;
diff --git a/frontend/templates/vps.overview.tpl b/frontend/templates/vps.overview.tpl
index 3770082..ccfc750 100644
--- a/frontend/templates/vps.overview.tpl
+++ b/frontend/templates/vps.overview.tpl
@@ -42,58 +42,56 @@
 	<div class="clear"></div>
 </div>
 
-<div class="infobox">
-	<h2>VPS configuration</h2>
-	<table class="vpsinfo">
-		<tr>
-			<th>Status</th>
-			<td>
-				<%if status == running>
-					<span class="online">Running</span>
-				<%/if><%if status == stopped>
-					<span class="offline">Stopped</span>
-				<%/if><%if status == suspended>
-					<span class="suspended">Suspended</span>
-				<%/if><%if status == unknown>
-					<span class="unknown">Unknown</span>
-				<%/if>
-			</td>
-		</tr>
-		<tr>
-			<th>Server location</th>
-			<td><%?server-location></td>
-		</tr>
-		<tr>
-			<th>Operating system</th>
-			<td><%?operating-system></td>
-		</tr>
-		<tr>
-			<th>IPv4 Addresses</th>
-			<td>98.142.213.226, 204.12.235.84</td>
-		</tr>
-		<tr>
-			<th>IPv6 Addresses</th>
-			<td>2607:f7a0:1:1::24:6</td>
-		</tr>
-		<tr>
-			<th>Guaranteed RAM</th>
-			<td><%?guaranteed-ram></td>
-		</tr>
-		<tr>
-			<th>Burstable RAM</th>
-			<td><%?burstable-ram></td>
-		</tr>
-		<tr>
-			<th>Disk space</th>
-			<td><%?disk-space></td>
-		</tr>
-		<tr>
-			<th>Traffic</th>
-			<td><%?total-traffic-limit></td>
-		</tr>
-		<tr>
-			<th>Bandwidth</th>
-			<td><%?bandwidth-limit></td>
-		</tr>
-	</table>
-</div>
+<h2>VPS configuration</h2>
+<table class="vpsinfo vertical">
+	<tr>
+		<th>Status</th>
+		<td>
+			<%if status == running>
+				<span class="online">Running</span>
+			<%/if><%if status == stopped>
+				<span class="offline">Stopped</span>
+			<%/if><%if status == suspended>
+				<span class="suspended">Suspended</span>
+			<%/if><%if status == unknown>
+				<span class="unknown">Unknown</span>
+			<%/if>
+		</td>
+	</tr>
+	<tr>
+		<th>Server location</th>
+		<td><%?server-location></td>
+	</tr>
+	<tr>
+		<th>Operating system</th>
+		<td><%?operating-system></td>
+	</tr>
+	<tr>
+		<th>IPv4 Addresses</th>
+		<td>98.142.213.226, 204.12.235.84</td>
+	</tr>
+	<tr>
+		<th>IPv6 Addresses</th>
+		<td>2607:f7a0:1:1::24:6</td>
+	</tr>
+	<tr>
+		<th>Guaranteed RAM</th>
+		<td><%?guaranteed-ram></td>
+	</tr>
+	<tr>
+		<th>Burstable RAM</th>
+		<td><%?burstable-ram></td>
+	</tr>
+	<tr>
+		<th>Disk space</th>
+		<td><%?disk-space></td>
+	</tr>
+	<tr>
+		<th>Traffic</th>
+		<td><%?total-traffic-limit></td>
+	</tr>
+	<tr>
+		<th>Bandwidth</th>
+		<td><%?bandwidth-limit></td>
+	</tr>
+</table>