[erp5_web_renderjs_ui] Only break work in listbox on mobile

Breaking word everywhere leads to a really ugly rendering

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -164,7 +164,6 @@ body {
   display: block;
   color: #1F1F1F;
   word-wrap: break-word;
-  word-break: break-word;
 }
 body,
 button,
@@ -1337,6 +1336,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
   .document_table table tbody tr th:first-child ~ td {
     font-size: 0.8em;
     display: inline;
+    word-break: break-word;
   }
   .document_table table tbody tr td:first-child ~ th a,
   .document_table table tbody tr th:first-child ~ th a,

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>961.60702.420.63744</string> </value>
+                <value> <string>961.60979.41143.53009</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1504771529.73</float>
+                        <float>1504787937.42</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

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

@@ -234,7 +234,6 @@ body {
   color: @colorforeground;
 
   word-wrap: break-word;
-  word-break: break-word;
 }
 
 body, button, input, textarea, select {
@@ -1552,6 +1551,7 @@ div[data-gadget-scope='erp5_searchfield'] {
                 font-size: 0.8em;
                 // Cells must be next to the other and correctly aligned
                 display: inline;
+                word-break: break-word;
 
                 a {
                   pointer-events: none;