[erp5_web_renderjs_ui] Use left/right layout in the tablet rendering

Only display desktop mode on big screens.

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -242,7 +242,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>955.18008.27011.15018</string> </value>
+                <value> <string>955.19399.9037.3396</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1479216615.32</float>
+                        <float>1479218471.04</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

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

@@ -47,9 +47,9 @@
 @panelwidth: @margin-size * 30;
 // @panelwidth: 15em;
 
-@smartphone: ~"only screen and (max-width: 28em)";
-@tablet: ~"only screen and (min-width: 28em) and (max-width: 70em)";
-@desktop: ~"only screen and (min-width: 70em)";
+@smartphone: ~"only screen and (max-width: 45em)";
+@tablet: ~"only screen and (min-width: 45em) and (max-width: 90em)";
+@desktop: ~"only screen and (min-width: 90em)";
 
 
 /**********************************************
@@ -1075,7 +1075,7 @@ div[data-gadget-scope='header'] .ui-header {
     }
   }
 
-  @media @desktop {
+  @media @tablet, @desktop {
     .left, .right {
       vertical-align: top;
       display: inline-block;
@@ -1099,7 +1099,7 @@ div[data-gadget-scope='header'] .ui-header {
       }
     }
   }
-  @media @desktop {
+  @media @tablet, @desktop {
     // Align field on the left group's field
     .center {
       .ui-field-contain {