Start designing the card details pane

Implement a dynamic overflow to focus sight on the pane.

client/components/lists/header.jade

@@ -3,11 +3,14 @@ template(name="listHeader")
     +inlinedForm
       +editListTitleForm
     else
-      h2.list-header-name.js-open-inlined-form= title
+      h2.list-header-name(
+        class="{{#if currentUser.isBoardMember}}js-open-inlined-form is-editable{{/if}}")
+        = title
       a.list-header-menu-icon.fa.fa-bars.js-open-list-menu
 
 template(name="editListTitleForm")
-  input.field.single-line(type="text" value=title autofocus)
-  .edit-controls.clearfix
-    button.primary.confirm(type="submit") {{_ 'save'}}
-    a.fa.fa-times-thin.js-close-inlined-form
+  .list-composer
+    input.field.single-line(type="text" value=title autofocus)
+    .edit-controls.clearfix
+      button.primary.confirm(type="submit") {{_ 'save'}}
+      a.fa.fa-times-thin.js-close-inlined-form