Change the order of z-index values

src/css/z-index.css

@@ -6,16 +6,22 @@
 
 $z-index-extension-button: 50; /* Force extension button above the ScratchBlocks flyout */
 $z-index-menu-bar: 50; /* blocklyToolboxDiv is 40 */
-$z-index-card: 100;
-$z-index-coming-soon: 100;
+
 $z-index-monitor: 100;
-$z-index-monitor-dragging: 101;
-$z-index-context-menu: 200; /* above the stage */
-$z-index-loader: 999; /* below modals */
-$z-index-modal: 1000;
-$z-index-drag-layer: 1000; /* above everything */
-$z-index-dragging-sprite: 1000; /* above everything so it is draggable into other panes */
+$z-index-coming-soon: 110;
+
+$z-index-card: 490;
+$z-index-loader: 500;
+$z-index-modal: 510;
+
+$z-index-drag-layer: 1000;
+$z-index-monitor-dragging: 1010;
+$z-index-dragging-sprite: 1020; /* so it is draggable into other panes */
+
 $z-index-stage-color-picker-background: 2000;
-$z-index-stage-with-color-picker: 2001;
+$z-index-stage-with-color-picker: 2010;
 $z-index-stage-header: 5000;
-$z-index-stage-wrapper-overlay: 5000;
+$z-index-stage-wrapper-overlay: 5000;
+
+/* in most interfaces, the context menu is always on top */
+$z-index-context-menu: 10000;