From 2bf6f16d5c03f4fd91db38713b8cd0f63ca6b533 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iva=CC=81n=20Loire?= <ivan@iloire.com>
Date: Sat, 25 Aug 2012 16:25:14 -0300
Subject: [PATCH] added new icons, change headers, minimal aesthetical changes

---
 webserver/views/details.html                   | 16 +++++++++-------
 webserver/views/list.html                      | 12 ++++++------
 webserver/views/partial/display_logs_list.html |  2 +-
 3 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/webserver/views/details.html b/webserver/views/details.html
index c69815fb..3ad7c61d 100644
--- a/webserver/views/details.html
+++ b/webserver/views/details.html
@@ -1,10 +1,12 @@
-<a style="float:right" href="/" class="btn primary">back to list</a>
+<a style="float:right" href="/" class="btn primary"><i class="icon-chevron-left"></i> back to list</a>
 
-<h2><%=title%></h2>
-
-<h2 class="<%=service.data.status%>"><img class="status_icon" src="/images/<%=service.data.status%>.png" alt="<%=service.data.status%>" /> <%=service.data.status%></h2>
-
-<div style="clear:both"></div>
+<h2>
+	<%=title%>
+	<small>
+	current status: <img class="status_icon" src="/images/<%=service.data.status%>.png" alt="<%=service.data.status%>" /> <%=service.data.status%>
+	</
+	</small>
+</h2>
 
 <div class="row-fluid">
 	<div class="span6">
@@ -15,4 +17,4 @@ <h2 class="<%=service.data.status%>"><img class="status_icon" src="/images/<%=se
 	</div>
 </div>
 
-<a href="/" class="btn primary">back to list</a>
+<a href="/" class="btn primary"><i class="icon-chevron-left"></i> back to list</a>
diff --git a/webserver/views/list.html b/webserver/views/list.html
index 9aa7e9dd..03099f82 100644
--- a/webserver/views/list.html
+++ b/webserver/views/list.html
@@ -2,16 +2,16 @@
 
 <table class="table sorted table-striped table-condensed">
 	<thead>
-		<th width="30"></th>
+		<th width="40"></th>
 		<th width="80">Ping type</th>
 		<th>Service</th>
-		<th width="10%"><span title="Average response time (milliseconds)">AVG res. (ms)</span></th>
+		<th width="80"><span title="Average response time (milliseconds)">AVG res.</span></th>
 		<th width="70">outages</th>
 		<th width="14%">last outage</th>
-		<th width="80">warnings</th>
+		<th width="75">warnings</th>
 		<th width="14%">last warning</th>
-		<th width="14%">uptime</th>
-		<th width="60"></th>
+		<th width="10%">uptime</th>
+		<th width="90"></th>
 	</thead>
 	<tbody>
 
@@ -92,7 +92,7 @@
 		</td>
 
 		<td>
-			<a class="btn primary" href="/details?service={{name}}&host={{host.name}}">details</a>
+			<a class="btn primary" href="/details?service={{name}}&host={{host.name}}"><i class="icon-th-list"></i> details</a>
 		</td>
 	</tr>
 	{{/each}}
diff --git a/webserver/views/partial/display_logs_list.html b/webserver/views/partial/display_logs_list.html
index b6409204..5bd80939 100644
--- a/webserver/views/partial/display_logs_list.html
+++ b/webserver/views/partial/display_logs_list.html
@@ -13,7 +13,7 @@ <h3><%=log_type%></h3>
 				</time>
 			</td>
 			<td>
-				<span class="<%=log.type%>"><%=log.msg%></span>
+				<span class="<%=log.status%>"><%=log.msg%></span>
 			</td>
 		</tr>
 		<%