css/style.css

@@ -81,6 +81,10 @@ pre {
     padding: 5px;
 }
 
+input {
+    width:150px;
+}
+
 @media screen and (max-width: 980px) {
     .splash h1 {
         font-size:40px;

templates/search/do.html

@@ -54,6 +54,7 @@ <h1 id="search-title"></h1>
 <table class="table table-bordered table-striped" id="torstatus_results">
 	<thead>
 		<tr>
+			<th style="width:16px;">&nbsp;</th>
 			<th>Nickname</th>
 			<th>Bandwidth</th>
 			<th>Uptime</th>
@@ -74,12 +75,19 @@ <h1 id="search-title"></h1>
 		<% } else { %>
 			<tr class="odd">
 		<% } %>
+            <td>
+            <% if (relay.get('running') === false) { %>
+                <img class="tip inline flags" src="img/properties/offline_16x16.png" alt="Currently offline" title="This relay is currently offline."/>
+            <% } else { %>
+                <img class="tip inline flags" src="img/properties/online_16x16.png" alt="Currently running" title="This relay is currently running."/>
+            <% } %>
+            </td>
 			<td>
             <a href="#details/<%= relay.get('fingerprint') %>">
             <%= _.escape(relay.get('nickname')) %>
             </a>
             </td>
-			<td><span data-filter="<%= relay.get('bandwidth') %>"><%= relay.get('bandwidth_hr') %></td>
+			<td><span data-filter="<%= relay.get('bandwidth') %>"><%= relay.get('bandwidth_hr') %></span></td>
 			<td>
             <span data-hidden="<%= relay.get('last_restarted') %>" title="<%= relay.get('uptime_hrfull') %>" data-filter="<%= relay.get('uptime') %>" class="tip uptime">
             <% if (relay.get('running') === false) { %><s><% } %><%= relay.get('uptime_hr') %><% if (relay.get('running') === false) { %></s><% } %>
@@ -111,6 +119,8 @@ <h1 id="search-title"></h1>
 	</tbody>
 	<tfoot>
 	<tr>
+        <th>
+        </th>
 		<th>
             <input type="text" id="nickname" name="nickname" placeholder="Nickname" class="search_init">
         </th>