ux(panel resize): snap to even 12ths spans

public/app/features/panel/panel_directive.ts

@@ -159,19 +159,28 @@ module.directive('panelResizer', function($rootScope) {
         }
         }
 
 
         scope.$apply(function() {
         scope.$apply(function() {
-          ctrl.render();
+         // ctrl.render();
         });
         });
       }
       }
 
 
       function dragEndHandler() {
       function dragEndHandler() {
+        ctrl.panel.span = Math.round(ctrl.panel.span);
+        if (lastPanel) {
+          lastPanel.span = Math.round(lastPanel.span);
+        }
+
         // if close to 12
         // if close to 12
         var rowSpan = ctrl.dashboard.rowSpan(ctrl.row);
         var rowSpan = ctrl.dashboard.rowSpan(ctrl.row);
         if (rowSpan < 12 && rowSpan > 11) {
         if (rowSpan < 12 && rowSpan > 11) {
           lastPanel.span +=  12 - rowSpan;
           lastPanel.span +=  12 - rowSpan;
         }
         }
 
 
-        scope.$apply(function() {
-          $rootScope.$broadcast('render');
+        // first digest to propagate panel width change
+        // then render
+        $rootScope.$apply(function() {
+          setTimeout(function() {
+            $rootScope.$broadcast('render');
+          });
         });
         });
 
 
         $('body').off('mousemove', moveHandler);
         $('body').off('mousemove', moveHandler);