Index: lams_monitoring/web/monitor.jsp
===================================================================
diff -u -rce46e7236188aeb13a7b1d70e5a9cb2b42b4d967 -r56209f294891d58820dfb5022daafdc7bdac4cbb
--- lams_monitoring/web/monitor.jsp	(.../monitor.jsp)	(revision ce46e7236188aeb13a7b1d70e5a9cb2b42b4d967)
+++ lams_monitoring/web/monitor.jsp	(.../monitor.jsp)	(revision 56209f294891d58820dfb5022daafdc7bdac4cbb)
@@ -538,47 +538,49 @@
 					</lams:TabBody>
 					
 					<lams:TabBody id="2">
-						<span class="pull-left" style="display:none" id="liveEditWarning"></span>
-						
-						<div id="sequenceTopButtonsContainer" class="topButtonsContainer">
-							<button onclick="javascript:startTour();return false;" class="btn btn-sm btn-default pull-right roffset10 tour-button"> 
-							<i class="fa fa-question-circle"></i> <span class="hidden-xs"><fmt:message key="label.tour"/></span></button>
-	
-							<a id="refreshButton" class="btn btn-sm btn-default" title="<fmt:message key='button.refresh.tooltip'/>"
-							   href="#" onClick="javascript:refreshMonitor('sequence')">
-								<i class="fa fa-refresh"></i> <span class="hidden-xs"><fmt:message key="button.refresh"/></span>
-							</a>
-							<a id="liveEditButton" class="btn btn-sm btn-default style="display:none" title="<fmt:message key='button.live.edit.tooltip'/>"
-						       href="#" onClick="javascript:openLiveEdit()">
-								<i class="fa fa-pencil"></i> <span class="hidden-xs"><fmt:message key='button.live.edit'/></span>
-							</a>
-							<a id="canvasFitScreenButton" class="btn btn-sm btn-default title="<fmt:message key='button.canvas.fit.screen.tooltip'/>"
-						       href="#" onClick="javascript:canvasFitScreen(true)">
-								<i class="fa fa-arrows-alt"></i> <span class="hidden-xs"><fmt:message key='button.canvas.fit.screen'/></span>
-							</a>
-							<a id="canvasOriginalSizeButton" class="btn btn-sm btn-default title="<fmt:message key='button.canvas.original.size.tooltip'/>"
-						       href="#" onClick="javascript:canvasFitScreen(false)">
-								<i class="fa fa-arrow-circle-o-up"></i> <span class="hidden-xs"><fmt:message key='button.canvas.original.size'/></span>
-							</a>
-							<span id="sequenceSearchPhraseClear"
-								 class="fa fa-xs fa-times-circle"
-								 onClick="javascript:sequenceClearSearchPhrase(true)"
-								 title="<fmt:message key='learners.search.phrase.clear.tooltip' />" 
-							></span>
-							<input id="sequenceSearchPhrase"
-								   title="<fmt:message key='search.learner.textbox' />" />
-							<span id="sequenceSearchPhraseIcon"
-								  class="ui-icon ui-icon-search"
-								  title="<fmt:message key='search.learner.textbox' />"></span>
+						<div class="svg-learner-draggable-area">
+							<span class="pull-left" style="display:none" id="liveEditWarning"></span>
+							
+							<div id="sequenceTopButtonsContainer" class="topButtonsContainer">
+								<button onclick="javascript:startTour();return false;" class="btn btn-sm btn-default pull-right roffset10 tour-button"> 
+								<i class="fa fa-question-circle"></i> <span class="hidden-xs"><fmt:message key="label.tour"/></span></button>
+		
+								<a id="refreshButton" class="btn btn-sm btn-default" title="<fmt:message key='button.refresh.tooltip'/>"
+								   href="#" onClick="javascript:refreshMonitor('sequence')">
+									<i class="fa fa-refresh"></i> <span class="hidden-xs"><fmt:message key="button.refresh"/></span>
+								</a>
+								<a id="liveEditButton" class="btn btn-sm btn-default style="display:none" title="<fmt:message key='button.live.edit.tooltip'/>"
+							       href="#" onClick="javascript:openLiveEdit()">
+									<i class="fa fa-pencil"></i> <span class="hidden-xs"><fmt:message key='button.live.edit'/></span>
+								</a>
+								<a id="canvasFitScreenButton" class="btn btn-sm btn-default title="<fmt:message key='button.canvas.fit.screen.tooltip'/>"
+							       href="#" onClick="javascript:canvasFitScreen(true)">
+									<i class="fa fa-arrows-alt"></i> <span class="hidden-xs"><fmt:message key='button.canvas.fit.screen'/></span>
+								</a>
+								<a id="canvasOriginalSizeButton" class="btn btn-sm btn-default title="<fmt:message key='button.canvas.original.size.tooltip'/>"
+							       href="#" onClick="javascript:canvasFitScreen(false)">
+									<i class="fa fa-arrow-circle-o-up"></i> <span class="hidden-xs"><fmt:message key='button.canvas.original.size'/></span>
+								</a>
+								<span id="sequenceSearchPhraseClear"
+									 class="fa fa-xs fa-times-circle"
+									 onClick="javascript:sequenceClearSearchPhrase(true)"
+									 title="<fmt:message key='learners.search.phrase.clear.tooltip' />" 
+								></span>
+								<input id="sequenceSearchPhrase"
+									   title="<fmt:message key='search.learner.textbox' />" />
+								<span id="sequenceSearchPhraseIcon"
+									  class="ui-icon ui-icon-search"
+									  title="<fmt:message key='search.learner.textbox' />"></span>
+							</div>
+							<div id="sequenceCanvas"></div>
+							<div id="completedLearnersContainer" title="<fmt:message key='force.complete.end.lesson.tooltip' />">
+								<img id="completedLessonLearnersIcon" src="<lams:LAMSURL/>images/completed.svg" />
+							</div>
+							<img id="sequenceCanvasLoading"
+							     src="<lams:LAMSURL/>images/ajax-loader-big.gif" />
+							<img id="sequenceSearchedLearnerHighlighter"
+							     src="<lams:LAMSURL/>images/pedag_down_arrow.gif" />
 						</div>
-						<div id="sequenceCanvas"></div>
-						<div id="completedLearnersContainer" title="<fmt:message key='force.complete.end.lesson.tooltip' />">
-							<img id="completedLessonLearnersIcon" src="<lams:LAMSURL/>images/completed.svg" />
-						</div>
-						<img id="sequenceCanvasLoading"
-						     src="<lams:LAMSURL/>images/ajax-loader-big.gif" />
-						<img id="sequenceSearchedLearnerHighlighter"
-						     src="<lams:LAMSURL/>images/pedag_down_arrow.gif" />
 					</lams:TabBody>
 					
 					<lams:TabBody id="3">