N°2875 - Fix visual glitches on long results

- Medallion could be horizontally compressed
- Title wrapped instead of overflowing, making reading across entries difficult

css/backoffice/vendors/_ckeditor.scss

@@ -17,7 +17,7 @@ $ibo-vendors-ckeditor--autocomplete-panel--background-color: $ibo-color-white-10
 
 $ibo-vendors-ckeditor--autocomplete-item-image--size: 25px !default;
 $ibo-vendors-ckeditor--autocomplete-item-image--margin-right: 0.5rem !default;
-$ibo-vendors-ckeditor--autocomplete-item-image--background-color: $ibo-color-grey-200 !default;
+$ibo-vendors-ckeditor--autocomplete-item-image--background-color: $ibo-color-blue-100 !default;
 $ibo-vendors-ckeditor--autocomplete-item-image--border: 1px solid $ibo-color-grey-600 !default;
 
 $ibo-vendors-ckeditor--autocomplete-item-title--text-color: #3A3A3A !default;
@@ -68,6 +68,9 @@ ul.cke_autocomplete_panel{
 	.ibo-vendors-ckeditor--autocomplete-item-image{
     width: $ibo-vendors-ckeditor--autocomplete-item-image--size;
     height: $ibo-vendors-ckeditor--autocomplete-item-image--size;
+    /* min-xxx are here to avoid medallion to be horizontally compressed when the title is to long */
+    min-width: $ibo-vendors-ckeditor--autocomplete-item-image--size;
+    min-height: $ibo-vendors-ckeditor--autocomplete-item-image--size;
     background-position: center center;
     background-size: 100%;
     border-radius: 100%;
@@ -78,6 +81,7 @@ ul.cke_autocomplete_panel{
     @extend %ibo-fully-centered-content;
   }
 	.ibo-vendors-ckeditor--autocomplete-item-title{
+    white-space: nowrap; /* Here we don't want to truncate the text as in an autocomplete we might have similar values and we need the user to see the entire text to be able to differenciate them */
 		color: $ibo-vendors-ckeditor--autocomplete-item-title--text-color;
 		@extend %ibo-font-weight-700;
 	}