Change list width to max width, default to even spacing

client/components/lists/list.css

@@ -7,12 +7,14 @@
   border-left: 1px solid #ccc;
   padding: 0;
   float: left;
+  flex: 1;
 }
 [id^="swimlane-"] .list:first-child {
   min-width: 20px;
 }
 .list:first-child {
   border-left: none;
+  flex: none;
 }
 .card-details + .list {
   border-left: none;
@@ -31,6 +33,9 @@
   box-shadow: none;
   height: 100px;
 }
+.list.list-collapsed {
+  flex: none;
+}
 .list.list-composer .open-list-composer,
 .list .list-composer .open-list-composer {
   color: #8c8c8c;

client/components/lists/list.jade

@@ -1,6 +1,6 @@
 template(name='list')
   .list.js-list(id="js-list-{{_id}}"
-                style="{{#unless collapsed}}width:{{listWidth}}px;{{/unless}}"
+                style="{{#unless collapsed}}max-width:{{listWidth}}px;{{/unless}}"
                 class="{{#if collapsed}}list-collapsed{{/if}}")
     +listHeader
     +listBody