Index: /issm/trunk-jpl/src/m/plot/applyoptions.js
===================================================================
--- /issm/trunk-jpl/src/m/plot/applyoptions.js	(revision 19791)
+++ /issm/trunk-jpl/src/m/plot/applyoptions.js	(revision 19792)
@@ -139,10 +139,11 @@
 				//c=colorbar(options.getfieldvalue('colorbarcornerposition'),'peer',gca);
 			} else { 
-				var cheight = options.getfieldvalue('colorbarheight',options.getfieldvalue('canvassize',480));
-				var cwidth = options.getfieldvalue('colorbarwidth',options.getfieldvalue('canvassize',480)/20);
+				var canvassize = options.getfieldvalue('canvassize',480);
+				var cheight = options.getfieldvalue('colorbarheight',0.95)*canvassize;
+				var cwidth = options.getfieldvalue('colorbarwidth',canvassize/20);
 				var cdivisions = cheight/4;
 				var color;
 				var ccanvas = $('<canvas id="'+options.getfieldvalue('canvasid')+'_colorbar" width="'+cwidth+'" height="'+cheight+'"></canvas>').insertAfter('#'+options.getfieldvalue('canvasid'));
-				ccanvas.css({'vertical-align':'top','margin':'0px '+String(cwidth/4)+'px 0px '+String(cwidth/4)+'px'});
+				ccanvas.css({'position':'relative','top':((canvassize-cheight)/-2).toFixed(2)+'px'});
 				var ccontext = ccanvas[0].getContext('2d');
 				for (var i = 0; i < cdivisions; i++) {
@@ -154,6 +155,7 @@
 				}
 				//Set colorbar lables
-				var clabels = $('<ul id="'+options.getfieldvalue('canvasid')+'_colorbar_labels"></ul>').insertAfter('#'+options.getfieldvalue('canvasid')+'_colorbar');
-				clabels.css({'width':'auto','height':String(options.getfieldvalue('canvassize',480)),'vertical-align':'top','list-style-type':'none','display':'inline-table','padding':'0px','margin':'0px '+String(cwidth/4)+'px 0px '+String(cwidth/4)+'px'});
+				var clabels = $('<ul id="'+options.getfieldvalue('canvasid')+'_colorbar_labels"></ul>');
+				clabels.css({'position':'relative','top':'0px','width':'auto','vertical-align':'top','height':String(cheight)+'px','list-style-type':'none','display':'inline-table','top':((canvassize-cheight)/2).toFixed(2)+'px','padding':'0px','margin':'0px '+String(cwidth/4)+'px 0px '+String(cwidth/4)+'px'});
+				clabels.insertAfter('#'+options.getfieldvalue('canvasid')+'_colorbar');
 				var labels = [];
 				var cdivisions = 8;
Index: /issm/trunk-jpl/src/m/plot/plot_manager.js
===================================================================
--- /issm/trunk-jpl/src/m/plot/plot_manager.js	(revision 19791)
+++ /issm/trunk-jpl/src/m/plot/plot_manager.js	(revision 19792)
@@ -15,6 +15,8 @@
 
 	//standard plot: initialize open Gl for each canvas: 
-	$('<canvas id="'+options.getfieldvalue('canvasid')+'" width="'+options.getfieldvalue('canvassize',480)+'" height="'+options.getfieldvalue('canvassize',480)+'"></canvas>)').appendTo('body');
-	var canvas=document.getElementById(options.getfieldvalue('canvasid'));
+	var canvas = $('<div><canvas id="'+options.getfieldvalue('canvasid')+'" width="'+options.getfieldvalue('canvassize',480)+'" height="'+options.getfieldvalue('canvassize',480)+'"></canvas></div>)')
+	canvas.css({'height':String(options.getfieldvalue('canvassize',480)+'px')});
+	canvas.appendTo('body');
+	canvas=document.getElementById(options.getfieldvalue('canvasid'));
 
 	// Initialize the GL context: