[erp5_web_renderjs_ui] Bypass flexbox bug on firefox

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.css

@@ -612,13 +612,18 @@ div[data-gadget-scope='header'] .ui-header {
   position: fixed;
   z-index: 1000;
   text-align: center;
-  display: flex;
   width: 100%;
-  flex-flow: row wrap;
   color: #FFFFFF;
 }
+@media only screen and (min-width: 28em) and (max-width: 62em), only screen and (max-width: 28em) {
+  div[data-gadget-scope='header'] .ui-header {
+    display: flex;
+    flex-flow: row wrap;
+  }
+}
 @media only screen and (min-width: 62em) {
   div[data-gadget-scope='header'] .ui-header {
+    display: table;
     margin-left: 17em;
   }
 }
@@ -682,7 +687,7 @@ div[data-gadget-scope='header'] .ui-header > .ui-btn-right a {
 }
 @media only screen and (min-width: 62em) {
   div[data-gadget-scope='header'] .ui-header > .ui-btn-right {
-    order: 99;
+    display: table-footer-group;
   }
   div[data-gadget-scope='header'] .ui-header > .ui-btn-right button,
   div[data-gadget-scope='header'] .ui-header > .ui-btn-right a {

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml

@@ -236,7 +236,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>952.46193.43042.64221</string> </value>
+                <value> <string>952.47272.27712.13038</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -254,7 +254,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1469116036.02</float>
+                        <float>1469180891.44</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

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

@@ -688,15 +688,18 @@ div[data-gadget-scope='header'] .ui-header {
   z-index: 1000;
   text-align: center;
 
+  @media @tablet, @smartphone {
     display: flex;
-  // Prevent the header to have a width higher than the screen
-  width: 100%;
     flex-flow: row wrap;
-
+  }
   @media @desktop {
+    display: table;
     margin-left: @panelwidth;
   }
 
+  // Prevent the header to have a width higher than the screen
+  width: 100%;
+
   color: @white;
 
   button, a {
@@ -755,7 +758,7 @@ div[data-gadget-scope='header'] .ui-header {
       }
     }
     @media @desktop {
-      order: 99;
+      display: table-footer-group;
       button, a {
         margin: 0.5em;
         // XXX TODO: same than main page padding