From d3051a5902209af357c20afdf7b1b3ffba537162 Mon Sep 17 00:00:00 2001
From: Paul Elliott <paul.elliott@kitware.com>
Date: Fri, 5 Jan 2024 14:06:45 -0500
Subject: [PATCH] feat(ItkVtkViewProxy): move scale bar to upper left

---
 src/Rendering/VTKJS/vtk/ItkVtkViewProxy.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Rendering/VTKJS/vtk/ItkVtkViewProxy.js b/src/Rendering/VTKJS/vtk/ItkVtkViewProxy.js
index 44eed4f4..f2b4a0cf 100644
--- a/src/Rendering/VTKJS/vtk/ItkVtkViewProxy.js
+++ b/src/Rendering/VTKJS/vtk/ItkVtkViewProxy.js
@@ -19,7 +19,7 @@ export const VOLUME_DIFFUSE_DEFAULT = 1.0
 export const VOLUME_AMBIENT_DEFAULT = 0.4
 
 const CursorCornerAnnotation =
-  '<table class="corner-annotation" style="margin-left: 0;"><tr><td style="margin-left: auto; margin-right: 0;">Index:</td><td>${iIndex},</td><td>${jIndex},</td><td>${kIndex}</td></tr><tr><td style="margin-left: auto; margin-right: 0;">Position:</td><td>${xPosition},</td><td>${yPosition},</td><td>${zPosition}</td></tr><tr><td style="margin-left: auto; margin-right: 0;"">Value:</td><td style="text-align:center;" colspan="3">${value}</td></tr><tr ${annotationLabelStyle}><td style="margin-left: auto; margin-right: 0;">Label:</td><td style="text-align:center;" colspan="3">${annotation}</td></tr></table>'
+  '<table class="corner-annotation" style="margin-left: auto; margin-right: 6px; margin-top: 2em;"><tr><td style="margin-left: auto; margin-right: 0;">Index:</td><td>${iIndex},</td><td>${jIndex},</td><td>${kIndex}</td></tr><tr><td style="margin-left: auto; margin-right: 0;">Position:</td><td>${xPosition},</td><td>${yPosition},</td><td>${zPosition}</td></tr><tr><td style="margin-left: auto; margin-right: 0;"">Value:</td><td style="text-align:center;" colspan="3">${value}</td></tr><tr ${annotationLabelStyle}><td style="margin-left: auto; margin-right: 0;">Label:</td><td style="text-align:center;" colspan="3">${annotation}</td></tr></table>'
 
 const { vtkErrorMacro } = macro
 
@@ -623,8 +623,8 @@ function ItkVtkViewProxy(publicAPI, model) {
 
   model.scaleBarCanvas = document.createElement('canvas')
   model.scaleBarCanvas.style.position = 'absolute'
-  model.scaleBarCanvas.style.left = '50%'
-  model.scaleBarCanvas.style.bottom = '15.0%'
+  model.scaleBarCanvas.style.right = '3em'
+  model.scaleBarCanvas.style.top = '12px'
   model.scaleBarCanvas.style.width = '100px'
   model.scaleBarCanvas.style.height = '30px'
   model.scaleBarCanvas.width = 100 * window.devicePixelRatio