Switch access add button on small screens

customize.dist/src/less2/include/alertify.less

@@ -449,6 +449,9 @@
                     margin: 0;
                     min-width: 0;
                     font-size: 18px !important;
+                    @media screen and (max-width: (@browser_media-medium-screen)) {
+                        width: 100%;
+                    }
                 }
             }
         }

customize.dist/src/less2/include/modals-ui-elements.less

@@ -87,6 +87,23 @@
     // Access modal
     .cp-overlay-container {
         position: relative;
+        button.btn-primary {
+            i {
+                margin-right: 0px !important;
+            }
+            i.fa-arrow-left {
+                display: inline;
+                @media (max-width: @browser_media-medium-screen) {
+                    display:none;
+                }
+            }
+            i.fa-arrow-up {
+                display: none;
+                @media (max-width: @browser_media-medium-screen) {
+                    display: inline;
+                }
+            }
+        }
         .cp-overlay {
             position: absolute;
             background-color: rgba(255,255,255,0.5);

www/common/inner/access.js

@@ -33,7 +33,7 @@ define([
         opts = opts || {};
         var redrawAll = function () {};
 
-        var addBtn = h('button.btn.btn-primary.fa.fa-arrow-left');
+        var addBtn = h('button.btn.btn-primary', [h('i.fa.fa-arrow-left'), h('i.fa.fa-arrow-up')]);
 
         var div1 = h('div.cp-share-column.cp-ownership');
         var divMid = h('div.cp-share-column-mid', addBtn);
@@ -388,7 +388,7 @@ define([
 
         var redrawAll = function () {};
 
-        var addBtn = h('button.btn.btn-primary.fa.fa-arrow-left');
+        var addBtn = h('button.btn.btn-primary', [h('i.fa.fa-arrow-left'), h('i.fa.fa-arrow-up')]);
 
         var div1 = h('div.cp-share-column.cp-allowlist');
         var divMid = h('div.cp-share-column-mid.cp-overlay-container', [