Fix icon for correct orientation

plcpond/html-templates/NodeDetailHeader.html

@@ -1,6 +1,36 @@
-<div class='col-xs-1'>
+<style>
+    .header h4 {
+        position: relative;
+        top: 0.9em;
+    }
+    .header h2 {
+        text-transform: uppercase;
+        font-size: 14px;
+        color: #aaa;
+        margin: 0.75em 0;
+    }
+    .header p {
+        font-size: 24px;
+        color: black;
+        font-weight: 600;
+    }
+</style>
+
+<div class="row header">
+    <div class="col-xs-1">
         <div class="<%= nodecolors.statuscolor %> nodecolor"></div>
-</div>
-<div class='col-xs-6'>
-    <h3><%= node.vanityname %></h3>
+    </div>
+
+    <div class="col-xs-2">
+        <img src="<%= nodeimgurl %>" />
+    </div>
+
+    <div class="col-xs-4">
+        <h4><%= node.vanityname %></h4>
+    </div>
+
+    <div class='col-xs-3'>
+        <h2>Total Volume</h2>
+        <p><%= Math.round(channels['plcpond.pondvolumetotal'].value) %> BBL</p>
+    </div>
 </div>

plcpond/html-templates/Nodelist.html

@@ -28,4 +28,9 @@
     <div class="col-xs-4">
         <h4><%= node.vanityname %></h4>
     </div>
+
+    <div class='col-xs-3'>
+        <h2>Total Volume</h2>
+        <p><%= Math.round(channels['plcpond.pondvolumetotal'].value) %> BBL</p>
+    </div>
 </div>