[FIX] web: break tags containing very long words

Otherwise they overlap with the rest of the form.

opw-641567

addons/web/static/src/css/base.css

@@ -567,6 +567,7 @@
   border-radius: 3px;
   background: #f0f0fa;
   color: #4C4C4C;
+  word-break: break-word;
 }
 .openerp .oe_tag_dark {
   background: #7C7BAD;
@@ -608,7 +609,8 @@
   width: 100% !important;
 }
 .openerp .oe_tags .text-core {
-  height: initial !important
+  height: initial !important;
+  word-break: break-word;
 }
 .openerp .oe_tags .text-core .text-wrap .text-dropdown .text-list .text-suggestion em {
   font-style: italic;

addons/web/static/src/css/base.sass

@@ -516,6 +516,7 @@ $sheet-padding: 16px
         @include radius(3px)
         background: $tag-bg-light
         color: #4C4C4C
+        word-break: break-word
     .oe_tag_dark
         background: $tag-bg-dark
         color: #eee
@@ -550,6 +551,7 @@ $sheet-padding: 16px
                 width: 100% !important
         .text-core
             height: initial !important
+            word-break: break-word
             .text-wrap .text-dropdown .text-list .text-suggestion em
                 font-style: italic
                 text-decoration: none