Fixed table on cluster page.

diff --git a/www/include/style.css b/www/include/style.css
index aaa30a5618a3df799691584091eb07250d3e0b9d..954448b2bd8561623b6c9a75823f8f72d32a0916 100644 (file)
--- a/www/include/style.css
+++ b/www/include/style.css
@@ -428,6 +428,8 @@ table {
   border: 0;
 }
 
+/* Cluster */
+
 #nodes {
   width: 100%;
   font-size: 0.9em;
@@ -435,22 +437,24 @@ table {
 #nodes th, #nodes td {
   text-align: left;
 }
-#nodes td.hostname {
+#nodes th.hostname {
   width: 30px;
 }
-#nodes td.arch {
-  width: 20px;
+#nodes th.arch {
+  width: 8%;
 }
-#nodes td.speed {
-  width: 20px;
+#nodes th.jobs  {
+  width: 8%;
 }
-#nodes td.load {
-  width: 30px;
+#nodes th.speed {
+  width: 25%;
 }
-#nodes td.jobs {
-  width: 70px;
+#nodes th.load {
+  width: 20%;
 }
 
+/* Builds */
+
 #builds {
   width: 100%;
   font-size: 0.9em;

diff --git a/www/pages/cluster.py b/www/pages/cluster.py
index 5fd39e8b28b2eae33f3777f1b62f2ea432b6cb3f..11ec8693c6c8bf7b8b09f14fe3115d4bf24ed5bf 100644 (file)
--- a/www/pages/cluster.py
+++ b/www/pages/cluster.py
@@ -14,11 +14,11 @@ class Content(web.Content):
                                <table id="nodes">
                                        <thead>
                                                <tr>
-                                                       <th width="39%">Name</th>
-                                                       <th width="8%">Arch</th>
-                                                       <th width="20%">Load</th>
-                                                       <th width="25%">Jobs</th>
-                                                       <th width="8%">Speed</th>
+                                                       <th class="hostname">Name</th>
+                                                       <th class="arch">Arch</th>
+                                                       <th class="load">Load</th>
+                                                       <th class="jobs">Jobs</th>
+                                                       <th class="speed">Speed</th>
                                                </tr>
                                        </thead>
                                        <tbody>
@@ -61,11 +61,11 @@ page.javascript.write("""<script type="text/javascript">
                                                                        $("#" + nodeid + "_speed").html(node.speed);
                                                                } else {
                                                                        row  = "<tr id=\\"" + nodeid + "\\" class=\\"node\\">";
-                                                                       row += "  <td class=\\"hostname\\" id=\\"" + nodeid + "_hostname\\"></td>";
-                                                                       row += "  <td class=\\"arch\\" id=\\"" + nodeid + "_arch\\">" + node.arch + "</td>";
-                                                                       row += "  <td class=\\"load\\"><span id=\\"" + nodeid + "_loadbar\\"></span></td>";
-                                                                       row += "  <td class=\\"jobs\\"><span id=\\"" + nodeid + "_jobs\\"></span></td>";
-                                                                       row += "  <td class=\\"speed\\" id=\\"" + nodeid + "_speed\\">" + node.speed + "</td>";
+                                                                       row += "  <td id=\\"" + nodeid + "_hostname\\"></td>";
+                                                                       row += "  <td id=\\"" + nodeid + "_arch\\">" + node.arch + "</td>";
+                                                                       row += "  <td><span id=\\"" + nodeid + "_loadbar\\"></span></td>";
+                                                                       row += "  <td><span id=\\"" + nodeid + "_jobs\\"></span></td>";
+                                                                       row += "  <td id=\\"" + nodeid + "_speed\\">" + node.speed + "</td>";
                                                                        row += "</tr>";
                                                                        $("#nodes").append(row);
                                                                }