From e9772b22617ed1b2f264c282207d331f3ccf9ca0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Tue, 9 Jun 2020 13:27:04 +0100
Subject: [PATCH] add kanban icons

---
 www/kanban/app-kanban.less | 12 ++++++++++--
 www/kanban/jkanban_cp.js   |  8 +++-----
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/www/kanban/app-kanban.less b/www/kanban/app-kanban.less
index e83ef3a29..a5eca13f4 100644
--- a/www/kanban/app-kanban.less
+++ b/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 {
diff --git a/www/kanban/jkanban_cp.js b/www/kanban/jkanban_cp.js
index 7967fa5e4..54fb71f46 100644
--- a/www/kanban/jkanban_cp.js
+++ b/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);