erp5_web_renderjs_ui: do not expand every field's div

Some fields may use div element without expecting 100% width.
Example: formbox and diff gadget.

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -1077,7 +1077,7 @@ div[data-gadget-scope='header'] .ui-header ul {
 .gadget-content .field_container > div > div > div.ui-field-contain {
   padding: 3pt 0;
 }
-.gadget-content .field_container > div > div > div.ui-field-contain div {
+.gadget-content .field_container > div > div > div.ui-field-contain > div {
   width: 100%;
 }
 .gadget-content .field_container > div > div.horizontal_align_form_box > .ui-field-contain {
@@ -1281,6 +1281,7 @@ div[data-gadget-scope='header'] .ui-header ul {
 }
 .relation-input div {
   position: relative;
+  width: 100%;
 }
 .relation-input ul {
   position: absolute;

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -75,7 +75,9 @@
         </item>
         <item>
             <key> <string>content_type</string> </key>
-            <value> <string>text/css</string> </value>
+            <value>
+              <none/>
+            </value>
         </item>
         <item>
             <key> <string>default_reference</string> </key>
@@ -230,7 +232,7 @@
                   </item>
                   <item>
                       <key> <string>actor</string> </key>
-                      <value> <string>georgios.dagkakis</string> </value>
+                      <value> <string>zope</string> </value>
                   </item>
                   <item>
                       <key> <string>comment</string> </key>
@@ -244,7 +246,7 @@
                   </item>
                   <item>
                       <key> <string>serial</string> </key>
-                      <value> <string>980.28021.30830.63778</string> </value>
+                      <value> <string>988.2056.8848.16469</string> </value>
                   </item>
                   <item>
                       <key> <string>state</string> </key>
@@ -262,8 +264,8 @@
                           </tuple>
                           <state>
                             <tuple>
-                              <float>1602657030.85</float>
-                              <string>GMT+2</string>
+                              <float>1605606512.05</float>
+                              <string>UTC</string>
                             </tuple>
                           </state>
                         </object>

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

@@ -1237,7 +1237,9 @@ div[data-gadget-scope='header'] .ui-header {
   .field_container > div > div > div.ui-field-contain {
     padding: @half-margin-size 0;
 
-    div {
+    & > div {
+      // Do not expand every div, as some gadget fields
+      // may use div element which should have a more contrained size
       width: 100%;
     }
   }
@@ -1499,6 +1501,7 @@ div[data-gadget-scope='header'] .ui-header {
 
   div {
     position: relative;
+    width: 100%;
   }
   ul {
     position: absolute;