From 860ba5a2539003eaa24998a035f3fcd68c1a2d9c Mon Sep 17 00:00:00 2001
From: opi <opi@no-log.org>
Date: Tue, 18 Feb 2014 23:18:44 +0100
Subject: [PATCH] Add table header for network bitrates.

---
 css/style.css    | 10 +++++++++-
 views/monitor.ms | 48 +++++++++++++++++++++++++++++-------------------
 2 files changed, 38 insertions(+), 20 deletions(-)

diff --git a/css/style.css b/css/style.css
index cd956dbc..694f07b3 100644
--- a/css/style.css
+++ b/css/style.css
@@ -97,4 +97,12 @@ div.br {
 
 .help-block {
     text-align: right;
-}
\ No newline at end of file
+}
+
+th h3,
+th h4 {
+    margin-bottom: 5px;
+    font-weight: bold;
+}
+th h4 {font-size: 16px;}
+th h4 small {font-size: 12px;}
\ No newline at end of file
diff --git a/views/monitor.ms b/views/monitor.ms
index c30e9aee..36859073 100644
--- a/views/monitor.ms
+++ b/views/monitor.ms
@@ -142,26 +142,36 @@
                 <h3>Usage</h3>
                 {{#each network.usage}}
                 <div class="clearfix">
-                    <h4>
-                        {{@key}}
-                        <small>Time since update: {{humanTime time_since_update}}</small>
-                    </h4>
                     <table class="table table-condensed">
-                        <tr>
-                            <td><span class="glyphicon glyphicon-cloud-download"> Rx</span></td>
-                            <td>{{bitRate rx time_since_update}}</td>
-                            <td>{{humanSize cumulative_rx}} (cumulative)</td>
-                        </tr>
-                        <tr>
-                            <td><span class="glyphicon glyphicon-cloud-upload"> Tx</td>
-                            <td>{{bitRate tx time_since_update}}</td>
-                            <td>{{humanSize cumulative_tx}} (cumulative)</td>
-                        </tr>
-                        <tr class="active">
-                            <td>Rx + Tx</td>
-                            <td>{{bitRate cx time_since_update}}</td>
-                            <td>{{humanSize cumulative_cx}} (cumulative)</td>
-                        </tr>
+                        <thead>
+                            <tr>
+                                <th>
+                                    <h4>
+                                    {{@key}}
+                                    <small>Time since update: {{humanTime time_since_update}}</small>
+                                </h4>
+                                </th>
+                                <th>Bitrate</th>
+                                <th>Cumulative bitrate</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>Rx</span></td>
+                                <td>{{bitRate rx time_since_update}}</td>
+                                <td>{{humanSize cumulative_rx}}</td>
+                            </tr>
+                            <tr>
+                                <td>Tx</td>
+                                <td>{{bitRate tx time_since_update}}</td>
+                                <td>{{humanSize cumulative_tx}}</td>
+                            </tr>
+                            <tr class="active">
+                                <td>Rx + Tx</td>
+                                <td>{{bitRate cx time_since_update}}</td>
+                                <td>{{humanSize cumulative_cx}}</td>
+                            </tr>
+                        </tbody>
                     </table>
                 </div>
                 {{/each}}