S12522329 # Client - Incoming Issues (raised by Client) #Icon and step name broken

cmsWebApp/webroot/css/common.css

@@ -4912,6 +4912,7 @@ span.right-img {
 img.alert-icon {float: left;}
 .close-alert {float: right;margin-top: 3px;cursor: pointer;}
 .appli-status-short{width: 170px;}
+.select-img-wrap  select{width:100%;}
 .complete-page-footer {margin-bottom: 109px;}
 .userPic {margin-right: 16px;position: relative;top: -1px;}
 .mobile-hide {display: inline-block;}

cmsWebApp/webroot/extensions/adminportal/inc/view_application_tab_applicant.jsp

@@ -109,7 +109,7 @@
                     <option>Excel</option>
                 </select>
             </span>
-            <span class="appli-status-short">
+            <span class="appli-status-short select-img-wrap">                
                 
                 <tagfile:ormsingleasso_select obj="<%= jobApplication %>"   assocName="WorkFlow"    cssClass="form-control app-process"    
                                                       options="<%= sortedWorkFlows.toArray(new WorkFlow[0]) %>"/>

cmsWebApp/webroot/scripts/common.js

@@ -5,11 +5,18 @@ $(document).ready(function () {
     $('select').select2({
         minimumResultsForSearch: Infinity
     });
+
     $('.status-img').select2({
         minimumResultsForSearch: Infinity,
         templateResult: addUserPic,
         templateSelection: addUserPic
     });
+    $('.select-img-wrap select').select2({
+        dropdownAutoWidth : true,
+        minimumResultsForSearch: Infinity,
+        templateResult: addUserPic,
+        templateSelection: addUserPic
+    });
     $('.navbar-toggle').click(function () {
         $('.main-menu ul').slideToggle();
     });
@@ -42,19 +49,22 @@ function setTabingSideBarHeight(){
 }
 
 function addUserPic(opt) {
+            
+
     if (!opt.id) {
         return opt.text;
     }
     var optimage = $(opt.element).data('image');
     if (!optimage) {
+
         var $opt = $(
-                '<span class="userName"><img src="images/' + $(opt.element).text().toLowerCase() + '.png"   class="userPic" /> ' + $(opt.element).text() + '</span>'
+                '<span class="userName "><img src="images/' + $(opt.element).text().toLowerCase() + '.png"   class="userPic" /> ' + $(opt.element).text() + '</span>'
                 );
         return $opt;
         
     } else {
         var $opt = $(
-                '<span class="userName"><img src="' + optimage + '" class="userPic" /> ' + $(opt.element).text() + '</span>'
+                '<span class="userName tst"><img src="' + optimage + '" class="userPic" /> ' + $(opt.element).text() + '</span>'
                 );
         return $opt;
     }