Fix layout

app/components/user-area.js

@@ -4,7 +4,7 @@ app.component('appUserArea', {
     bindings: {
     titleText: '@'
   },
-  template: html`<div ng-transclude></div>`,
+  template: html`<div flex="100" ng-transclude></div>`,
   controller: function($scope, $rootScope) {
     $rootScope.inUserArea = ($rootScope.inUserArea || 0) + 1
     $rootScope.userArea = this

app/crud/pages/list.js

@@ -18,7 +18,7 @@ const list = (opts) => {
   }
   const template = html`
       <app-user-area title-text="${opts.titles && opts.titles.details ? `{{$ctrl.titleFn($ctrl)}}` : opts.titlePlural}">
-        <md-table-container>
+        <md-table-container style="width: 100%">
           <table md-table md-row-select md-auto-select  ng-model="$ctrl.selected" md-progress="$ctrl.promise">
               <thead md-head md-order="query.order" md-on-reorder="$ctrl.getRecords">
                 <tr md-row>

app/crud/pages/trash.js

@@ -12,7 +12,7 @@ const list = (opts) => {
   app.component(`app${opts.pascalPlural}TrashPage`, {
     template: html`
       <app-user-area title-text="${opts.titlePlural} Trash">
-        <md-table-container>
+        <md-table-container style="width: 100%">
           <table md-table md-row-select md-auto-select md-multiple ng-model="ctrl.selected" md-progress="ctrl.promise">
               <thead md-head md-order="query.order" md-on-reorder="ctrl.getRecords">
                 <tr md-row>