fix(uiLayout): resize layout on window resize

This change will reset the size of the layout when a window resize occurs to ensure the layout fits within the new window constraints.

Resolves #47

src/ui-layout.js

@@ -263,6 +263,8 @@ angular.module('ui.layout', [])
 
           c.collapsed = c.collapsed || opts.collapsed[i];
 
+          //TODO: adjust size if autosize is greater than the maxSize
+
           if(!LayoutContainer.isSplitbar(c)) {
             var newSize = (opts.sizes[i] === 'auto') ? autoSize : opts.sizes[i];
 
@@ -418,15 +420,20 @@ angular.module('ui.layout', [])
     return ctrl;
   }])
 
-  .directive('uiLayout', function() {
+  .directive('uiLayout', function($window) {
     return {
       restrict: 'AE',
       controller: 'uiLayoutCtrl',
-
       link: function(scope, element, attrs, ctrl) {
         scope.$watch(element[0][ctrl.sizeProperties.offsetName], function() {
           ctrl.updateDisplay();
         });
+
+        angular.element($window).bind('resize', function() {
+          scope.$apply(function() {
+            ctrl.updateDisplay();
+          });
+        });
       }
     };
   })