Updated application smmary details expand toggle.

cmsWebApp/webroot/css/common.css

@@ -641,7 +641,7 @@ span.select2-selection.select2-selection--single:focus{
     color: #4e5258;
 }
 .select2-container--default .select2-selection--single .select2-selection__arrow b{
-	background-image: url('../images/select-down-arrow.png');
+	background-image: url('../images/select-down-arrow.svg');
 	width: 13px;
 	height: 8px;
 	background-repeat: no-repeat;
@@ -650,7 +650,7 @@ span.select2-selection.select2-selection--single:focus{
     margin-top: -4px;
 }
 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
-	background-image: url('../images/select-top-arrow.png');
+	background-image: url('../images/select-top-arrow.svg');
 	width: 13px;
 	height: 8px;
 	background-repeat: no-repeat;

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

@@ -24,6 +24,21 @@
 
         $(tab).addClass('active');
     }
+    
+    $(document).ready(function() 
+    {   
+        $('.expand-box span').click(function() {
+            var $el = $(this);  
+            if($(this).hasClass('hasarrow')){
+                $el.find('img').attr('src','images/select-top-arrow.png');
+                $(this).removeClass('hasarrow');
+            }
+            else{
+                $el.find('img').attr('src','images/select-down-arrow.png');
+                $(this).addClass('hasarrow');
+            }    
+        });
+    });
 </script>
 
 <div class="main-applicant-content">
@@ -96,7 +111,7 @@
                                         <span class="appli-label"><oneit:toString   value="<%= factorClass %>"  mode="EscapeHTML"/></span>
                                         <span class="appli-percen"><oneit:toString  value="<%= roleScoreMap.get(factorClass) %>"    mode="TwoDPDouble"/></span>
                                         <span class="expand-box">
-                                        <span><img src="images/select-top-arrow.png"></span>
+                                            <span class="hasarrow"><img src="images/select-down-arrow.png"></span>
                                         </span>
                                     </div>