Basic styles for node page

assets/style.css

@@ -139,6 +139,33 @@ td:first-child {
 .pagination .divider {
   display: none;
 }
+
+/* Node page */
+.node-title {
+  float: left;
+}
+
+.status {
+  float: right;
+  padding: 1em;
+  background: rgba(255, 255, 255, 0.1);
+  font-size: 14px;
+  font-family: "Source Code Pro", Consolas, monospace;
+}
+
+.status h3 {
+  display: inline;
+}
+.status h3:after {
+  content: ':';
+}
+
+dl {
+  padding: 1em;
+  background: rgba(255, 255, 255, 0.1);
+  font-family: "Source Code Pro", Consolas, monospace;
+}
+
 /* Footer */
 footer {
   margin-top: 2em;

views/node.html

@@ -5,12 +5,15 @@
   {% if error %}
     <h2>{{ 'Invalid node' if error.statusCode == 400 else error.statusMessage }}</h2>
   {% else %}
-    <h2>{{ node.type | title }}: {{ node | name }}</h2>
 
-    <section class="status">
-      <h3>Status</h3>
-      {{ node | status }}
-    </section>
+    <div class="clearfix">
+      <h2 class="node-title">{{ node.type | title }}: {{ node | name }}</h2>
+
+      <section class="status">
+        <h3>Status</h3>
+        {{ node | status }}
+      </section>
+    </div>
 
     <section class="details">
       <h3>Details</h3>