[erp5_web_renderjs_ui] Add icons to header action bar buttons

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -786,9 +786,9 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active {
 @media only screen and (min-width: 45em) and (max-width: 85em), not screen and (max-width: 85em) {
   div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button::before,
   div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a::before {
-    width: 1em;
     margin-right: 6pt;
     text-align: center;
+    width: 1em;
   }
 }
 @media not screen and (min-width: 45em) {
@@ -973,7 +973,9 @@ div[data-gadget-scope='header'] .ui-header ul {
     min-width: 5em;
   }
   div[data-gadget-scope='header'] .ui-header ul li a::before {
-    display: none;
+    margin-right: 6pt;
+    text-align: center;
+    width: 1em;
   }
 }
 /**********************************************

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -371,6 +371,11 @@ a {
     background-color: @colorblocklinkbackground;
   }
 }
+.beforeHeaderButton() {
+  margin-right: @margin-size;
+  text-align: center;
+  width: 1em;
+}
 
 /**********************************************
 * Preformatted
@@ -960,9 +965,7 @@ div[data-gadget-scope='header'] .ui-header {
 
       &::before {
         @media @tablet, @desktop {
-          width: 1em;
-          margin-right: @margin-size;
-          text-align: center;
+          .beforeHeaderButton()
         }
 
         @media @smartphone {
@@ -1135,7 +1138,7 @@ div[data-gadget-scope='header'] .ui-header {
           white-space: nowrap;
           overflow: hidden;
           &::before {
-            display: none;
+            .beforeHeaderButton()
           }
         }
       }