3 files changed, 18 insertions, 12 deletions
diff --git a/client/components/cards/details.jade b/client/components/cards/details.jade
index dc3d3dc3..be166ad8 100644
--- a/client/components/cards/details.jade
+++ b/client/components/cards/details.jade
@@ -5,7 +5,7 @@ template(name="cardDetails")
 
     .card-details-header
       +inlinedForm(classNames="js-card-details-title")
-        input.field.single-line(type="text" value=title autofocus)
+        input.full-line(type="text" value=title autofocus)
         .edit-controls.clearfix
           button.primary.confirm(type="submit") {{_ 'save'}}
           a.fa.fa-times-thin.js-close-inlined-form
@@ -25,23 +25,23 @@ template(name="cardDetails")
 
     .card-details-items
       .card-details-item.card-details-item-members
-        h3 {{_ 'members'}}
+        h3.card-details-item-title {{_ 'members'}}
         each members
           +userAvatar(userId=this cardId=../_id)
         a.member.add-member.card-details-item-add-button.js-add-members
           i.fa.fa-plus
 
       .card-details-item.card-details-item-labels
-        h3 {{_ 'labels'}}
-        .js-add-labels
+        h3.card-details-item-title {{_ 'labels'}}
+        a.js-add-labels
           each labels
             span.card-label(class="card-label-{{color}}" title=name)= name
-          a.card-label.add-label.js-add-labels
-            i.fa.fa-plus
+        a.card-label.add-label.js-add-labels
+          i.fa.fa-plus
 
     //- XXX We should use "editable" to avoide repetiting ourselves
     if currentUser.isBoardMember
-      h3 Description
+      h3.card-details-item-title Description
       +inlinedForm(classNames="js-card-description")
         +editor(autofocus=true)
           = description
@@ -56,7 +56,7 @@ template(name="cardDetails")
           else
             | {{_ 'edit'}}
     else if description
-      h3 Description
+      h3.card-details-item-title Description
       +viewer
         = description
     if attachments.count
diff --git a/client/components/cards/details.styl b/client/components/cards/details.styl
index 4da8a371..94c75cf5 100644
--- a/client/components/cards/details.styl
+++ b/client/components/cards/details.styl
@@ -45,6 +45,10 @@
       margin: 3px 0
       padding: 0
 
+    form.inlined-form
+      margin-top: 5px
+      margin-bottom: 10px
+
     .card-details-list
       font-size: 0.85em
       margin-bottom: 3px
@@ -58,6 +62,7 @@
           border-radius: 3px
           padding: 0px 5px
 
+
   .card-details-items
     display: flex
     margin: 15px 0
@@ -65,10 +70,14 @@
     .card-details-item
       flex-grow: 1
 
-  h3
+  .card-details-item-title
     font-size: 14px
     color: darken(white, 45%)
 
+  .card-label
+    padding-top: 5px
+    padding-bottom: 5px
+
 .new-comment
   position: relative
   margin: 0 0 20px 38px
diff --git a/client/components/cards/labels.styl b/client/components/cards/labels.styl
index c93ecd12..39f9844f 100644
--- a/client/components/cards/labels.styl
+++ b/client/components/cards/labels.styl
@@ -2,7 +2,6 @@
 
 // XXX Use .board-widget-labels as a flexbox container
 .card-label
-  background-color: #b3b3b3
   border-radius: 4px
   color: white
   display: inline-block
@@ -10,7 +9,6 @@
   font-size: 13px
   margin-right: 4px
   padding: 3px 8px
-  position:relative
   max-width: 100%
   min-width: 8px
   overflow: ellipsis
@@ -26,7 +24,6 @@
 
   &.add-label
     box-shadow: 0 0 0 2px darken(white, 25%) inset
-    background: darken(white, 5%)
 
 .card-label-green
   background-color: #3cb500