add kanban icons

www/kanban/app-kanban.less

@@ -277,13 +277,19 @@
                 border: 1px solid fade(@cryptpad_text_col, 70%);
                 color: fade(@cryptpad_text_col, 70%);
                 border-radius: 0px;
-                font-size: 20px;
+                font-size: 25px;
                 display: inline-flex;
                 justify-content: center;
                 align-items: center;
                 line-height: 1;
                 cursor: pointer;
                 height: 40px;
+                &:first-child {
+                    margin-right: 5px;
+                }
+                &:last-child {
+                    margin-left: 5px;
+                }
                 &:hover {
                     background-color: rgba(0,0,0,0.1);
                 }
@@ -460,12 +466,14 @@
             width: 300px;
             margin: 10px 5px;
             border: 1px solid @cryptpad_text_col;
+            color: @cryptpad_text_col;
             height: 40px;
             display: inline-flex;
             justify-content: center;
             align-items: center;
             align-self: flex-start;
-            font-size: 40px;
+            font-size: 25px;
+            line-height: 100%;
             cursor: pointer;
             .tools_unselectable();
             &:hover {

www/kanban/jkanban_cp.js

@@ -107,7 +107,7 @@ define([
             boardContainerOuter.appendChild(boardContainer);
             var addBoard = document.createElement('div');
             addBoard.id = 'kanban-addboard';
-            addBoard.innerText = '+';
+            addBoard.innerHTML = '<i class="fa fa-plus"></i>';
             boardContainer.appendChild(addBoard);
             var trash = self.trashContainer = document.createElement('div');
             trash.setAttribute('id', 'kanban-trash');
@@ -675,17 +675,15 @@ define([
             var footerBoard = document.createElement('footer');
             footerBoard.classList.add('kanban-board-footer');
             //add button
-            Messages.kanban_addTopButton = '<i class="fa fa-plus"></i> (top)'; // XXX
-            Messages.kanban_addBottomButton = '<i class="fa fa-plus"></i> (bottom)'; // XXX
             var addTopBoardItem = document.createElement('span');
             addTopBoardItem.classList.add('kanban-title-button');
             addTopBoardItem.setAttribute('data-top', "1");
-            addTopBoardItem.innerHTML = Messages.kanban_addTopButton;
+            addTopBoardItem.innerHTML = '<i class="cptools cptools-add-top">';
             footerBoard.appendChild(addTopBoardItem);
             __onAddItemClickHandler(addTopBoardItem);
             var addBoardItem = document.createElement('span');
             addBoardItem.classList.add('kanban-title-button');
-            addBoardItem.innerHTML = Messages.kanban_addBottomButton;
+            addBoardItem.innerHTML = '<i class="cptools cptools-add-bottom">';
             footerBoard.appendChild(addBoardItem);
             __onAddItemClickHandler(addBoardItem);