Index: trunk/FACT++/www/viewer/index.js
===================================================================
--- trunk/FACT++/www/viewer/index.js	(revision 17847)
+++ trunk/FACT++/www/viewer/index.js	(revision 17848)
@@ -1393,14 +1393,4 @@
             hasData |= fillHex(ctx, i, data[i], min, max);
 
-    // =================== Draw Pixel marker ====================
-
-    if (document.getElementById('marker').checked)
-    {
-        // Draw marker
-        ctx.lineWidth = 0.25;
-        ctx.strokeStyle = "#000";
-        drawHex(ctx, pixel);
-    }
-
     // ======================= Draw Ellipse ======================
 
@@ -1414,6 +1404,22 @@
             ctx.scale(1, 2/Math.sqrt(3));
 
+            ctx.beginPath();
+            ctx.moveTo(0.5, 0);
+            ctx.lineTo(h.mean[0], h.mean[1]);
+
+            ctx.strokeStyle = "#CCC";
+            ctx.lineWidth = 0.1;
+            ctx.stroke();
+
             ctx.translate(h.mean[0], h.mean[1]);
             ctx.rotate(h.phi);
+
+            ctx.beginPath();
+            ctx.moveTo(0, -h.disp);
+            ctx.lineTo(0,  h.disp);
+
+            ctx.strokeStyle = "#888";
+            ctx.lineWidth = 0.15;
+            ctx.stroke();
 
             ctx.save();
@@ -1423,12 +1429,6 @@
             ctx.restore();
 
+            ctx.strokeStyle = "#555";
             ctx.lineWidth = 0.15;
-            ctx.strokeStyle = "#555";
-            ctx.stroke();
-
-            ctx.strokeStyle = "#888";
-            ctx.beginPath();
-            ctx.moveTo(0, -h.disp);
-            ctx.lineTo(0,  h.disp);
             ctx.stroke();
 
@@ -1436,4 +1436,15 @@
         }
     }
+
+    // =================== Draw Pixel marker ====================
+
+    if (document.getElementById('marker').checked)
+    {
+        // Draw marker
+        ctx.lineWidth = 0.25;
+        ctx.strokeStyle = "#000";
+        drawHex(ctx, pixel);
+    }
+
 
     ctx.restore();