Add arrow down icon in the right of the plus icon

- there isn't a good plus icon which means the card is added at the
  bottom, so i try to use 2 icons for this feature

client/components/lists/list.styl

@@ -106,6 +106,15 @@
     color #4d4d4d
     padding-left 4px
 
+.list-header-plus-square-icon
+  border: 1px solid #a6a6a6
+
+  a
+    padding: 0px
+
+  .fa.fa-arrow-down
+    padding-right: 1px
+
 .list-body
   flex: 1 1 auto
   flex-direction: column

client/components/lists/listHeader.jade

@@ -28,7 +28,9 @@ template(name="listHeader")
           div.list-header-menu
             unless currentUser.isCommentOnly
               if canSeeAddCard
-                a.js-add-card.fa.fa-plus-square.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}")
+                a.js-add-card.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}")
+                  a.fa.fa-plus-square
+                  a.fa.fa-arrow-down
                 a.js-add-card.fa.fa-plus.list-header-plus-icon(title="{{_ 'add-card-to-top-of-list'}}")
               a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}")
         else
@@ -42,7 +44,9 @@ template(name="listHeader")
             //if isBoardAdmin
             //  a.fa.js-list-star.list-header-plus-icon(class="fa-star{{#unless starred}}-o{{/unless}}")
             if canSeeAddCard
-              a.js-add-card.fa.fa-plus-square.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}")
+              a.js-add-card.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}")
+                a.fa.fa-plus-square
+                a.fa.fa-arrow-down
               a.js-add-card.fa.fa-plus.list-header-plus-icon(title="{{_ 'add-card-to-top-of-list'}}")
             a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}")
           if currentUser.isBoardAdmin

client/components/lists/listHeader.js

@@ -110,7 +110,7 @@ BlazeComponent.extendComponent({
             position: 'top',
           });
         },
-        'click .js-add-card.fa-plus-square'(event) {
+        'click .js-add-card.list-header-plus-square-icon'(event) {
           const listDom = $(event.target).parents(
             `#js-list-${this.currentData()._id}`,
           )[0];