From 2767c444b2d95249e2640cda0f2f435ea7238118 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Sat, 27 Nov 2021 20:12:01 +0100
Subject: [PATCH] Add arrow up icon in the right of the plus icon

---
 client/components/boards/boardColors.styl |  2 +-
 client/components/lists/list.styl         | 12 +++++++++---
 client/components/lists/listHeader.jade   | 14 +++++++++-----
 client/components/lists/listHeader.js     |  4 ++--
 4 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/client/components/boards/boardColors.styl b/client/components/boards/boardColors.styl
index 19246356b..399ef9e1d 100644
--- a/client/components/boards/boardColors.styl
+++ b/client/components/boards/boardColors.styl
@@ -876,7 +876,7 @@ setBoardClear(color1,color2)
     padding: 10px
     top: 0
 
-  .list-header .list-header-plus-icon
+  .list-header .list-header-plus-top
     color: #a6a6a6
 
   .list-body
diff --git a/client/components/lists/list.styl b/client/components/lists/list.styl
index 40dfc8a7d..34b78ca41 100644
--- a/client/components/lists/list.styl
+++ b/client/components/lists/list.styl
@@ -91,7 +91,7 @@
     top: -7px
     right: 3px
 
-  .list-header-plus-icon,.list-header-plus-square-icon
+  .list-header-plus-top,.list-header-plus-bottom
     color: #a6a6a6
     margin-right: 15px
 
@@ -102,16 +102,22 @@
     color: #8c8c8c
     font-size: 0.8em
 
-.list-header .list-header-plus-icon, .list-header .list-header-plus-square-icon, .js-open-list-menu, .list-header-menu a
+.list-header .list-header-plus-top, .list-header .list-header-plus-bottom, .js-open-list-menu, .list-header-menu a
     color #4d4d4d
     padding-left 4px
 
-.list-header-plus-square-icon
+.list-header-plus-bottom
   border: 1px solid #a6a6a6
 
   a
     padding: 0px
 
+.list-header-plus-top
+  border: 1px solid #4d4d4d
+
+  a
+    padding: 0px
+
   .fa.fa-arrow-down
     padding-right: 1px
 
diff --git a/client/components/lists/listHeader.jade b/client/components/lists/listHeader.jade
index 6c92e3862..ff2ae9a70 100644
--- a/client/components/lists/listHeader.jade
+++ b/client/components/lists/listHeader.jade
@@ -28,10 +28,12 @@ template(name="listHeader")
           div.list-header-menu
             unless currentUser.isCommentOnly
               if canSeeAddCard
-                a.js-add-card.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}")
+                a.js-add-card.list-header-plus-bottom(title="{{_ 'add-card-to-bottom-of-list'}}")
                   a.fa.fa-plus
                   a.fa.fa-arrow-down
-                a.js-add-card.fa.fa-plus.list-header-plus-icon(title="{{_ 'add-card-to-top-of-list'}}")
+                a.js-add-card.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}")
+                  a.fa.fa-plus
+                  a.fa.fa-arrow-up
               a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}")
         else
           a.list-header-menu-icon.fa.fa-angle-right.js-select-list
@@ -42,12 +44,14 @@ template(name="listHeader")
         div.list-header-menu
           unless currentUser.isCommentOnly
             //if isBoardAdmin
-            //  a.fa.js-list-star.list-header-plus-icon(class="fa-star{{#unless starred}}-o{{/unless}}")
+            //  a.fa.js-list-star.list-header-plus-top(class="fa-star{{#unless starred}}-o{{/unless}}")
             if canSeeAddCard
-              a.js-add-card.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}")
+              a.js-add-card.list-header-plus-bottom(title="{{_ 'add-card-to-bottom-of-list'}}")
                 a.fa.fa-plus
                 a.fa.fa-arrow-down
-              a.js-add-card.fa.fa-plus.list-header-plus-icon(title="{{_ 'add-card-to-top-of-list'}}")
+              a.js-add-card.list-header-plus-top(title="{{_ 'add-card-to-top-of-list'}}")
+                a.fa.fa-plus
+                a.fa.fa-arrow-up
             a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}")
           if currentUser.isBoardAdmin
             if isShowDesktopDragHandles
diff --git a/client/components/lists/listHeader.js b/client/components/lists/listHeader.js
index fdc339ec0..aa9f840b2 100644
--- a/client/components/lists/listHeader.js
+++ b/client/components/lists/listHeader.js
@@ -101,7 +101,7 @@ BlazeComponent.extendComponent({
           this.starred(!this.starred());
         },
         'click .js-open-list-menu': Popup.open('listAction'),
-        'click .js-add-card.fa-plus'(event) {
+        'click .js-add-card.list-header-plus-top'(event) {
           const listDom = $(event.target).parents(
             `#js-list-${this.currentData()._id}`,
           )[0];
@@ -110,7 +110,7 @@ BlazeComponent.extendComponent({
             position: 'top',
           });
         },
-        'click .js-add-card.list-header-plus-square-icon'(event) {
+        'click .js-add-card.list-header-plus-bottom'(event) {
           const listDom = $(event.target).parents(
             `#js-list-${this.currentData()._id}`,
           )[0];