HT004 styling changes for express questionnaire

cmsWebApp/webroot/css/common.css

@@ -2981,11 +2981,16 @@ span.export-candidate,span.appli-status-short{
   width: 25%;
  font-family: "Usual-Bold";
 }
-.pro-bar {
-    padding: 28px 38px 22px 62px;
+.score-bar {
     text-align: left;
     cursor: pointer;
 }
+.pro-bar {
+    padding: 28px 38px 22px 62px;
+}
+.express-bar {
+    padding: 10px 38px 35px 62px;
+}
 .pro-bar:hover{
   box-shadow: 3px 3px 15px #666;
   border-color:#C76C0C;
@@ -3044,7 +3049,7 @@ span.appli-progress-bar {
 .hasarrow img{
   margin-top: -1px;
 }
-.main-pro-bar{
+.main-score-bar{
     border-bottom: solid 1px #e3e3e3;
     display: inline-block;
     width: 100%;
@@ -3216,10 +3221,12 @@ input.add-note-btn:hover{
     padding-top: 0px;
 }
 .expand-hide-tag{
+    display: none;
+}
+.core-values{
     background-color: #f2f3f4;
     float: left;
     width: 100%;
-    display: none;
 }
 .tab-row{
     float: left; 
@@ -4440,6 +4447,7 @@ img.alert-icon {float: left;}
   .job-filter li{margin: 0 8px;}
   .job-filter > ul {padding-right: 10%;}
   .pro-bar {padding: 25px 15px 22px;}
+  .express-bar {padding: 10px 10px 30px;}
   .app-right-b {padding: 20px 0 5px 15px;}
   .applicant-contact-info{padding: 20px 15px 5px;}
   .applicant-note {padding: 20px 15px;}
@@ -4459,7 +4467,6 @@ img.alert-icon {float: left;}
   .contact-value a{font-size: 11px;}
   .applicant-tab ul li a{font-size: 9px;line-height: 40px;}
   .applicant-sidebar li {line-height: 38px;}
-  .pro-bar{padding: 20px 10px 15px;}
   .chief-officer{font-size: 19px;}
   .off-name{font-size: 12px;}
   .appli-progress-bar .progress {height: 16px;}
@@ -4940,7 +4947,7 @@ img.alert-icon {float: left;}
   .lable-job-shorting{font-size: 9px;}
   .applicant-header {padding: 18px 0;}
   .appli-label {font-size: 13px;text-align: center;width: 100%;margin-bottom: 5px;}
-  .pro-bar {padding: 10px 10px 8px;text-align: center;}
+  .score-bar {padding: 10px 10px 8px;text-align: center;}
   .rateing-title{font-size: 13px;padding: 23px 30px;width: 75%;position: relative;}
   .rateing-title span {font-size: 12px;position: absolute;right: -23%;top: 6px;}
   .int-timeline li,.int-timeline li a,.int-timeline{width: 100%;border-radius: 0;margin: 0;}  

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

@@ -284,9 +284,13 @@
                                 ColorCode                   colorCode       =   roleScoreMap.get(factorClass).get1();
                                 String                      cssClass        =   colorCode != null ? colorCode.getCSSClass() : "";
                         %>
-                                <div class="main-pro-bar">
-                                    <div class="pro-bar">
+                                <div class="main-score-bar <%= job.isExpressJob() ? "" : "main-pro-bar"%>">
+                                    <div class="score-bar <%= job.isExpressJob() ? "express-bar" : "pro-bar"%>">
                                         <span class="appli-label"><oneit:toString   value="<%= factorClass %>"  mode="EscapeHTML"/></span>
+                                        <%
+                                            if(!job.isExpressJob())
+                                            {
+                                        %>
                                                 <span class="appli-percen gray"><oneit:toString  value="<%= rating %>"  mode="PercentageWholeNumber"/></span>
                                                 <span class="appli-progress-bar">
                                                     <div class="progress">
@@ -296,9 +300,12 @@
                                                 <span class="expand-box">
                                                     <span class="hasarrow"><img src="images/select-down-arrow.svg"></span>
                                                 </span>
+                                        <%
+                                            }
+                                        %>
                                     </div>
 
-                                    <div class="expand-hide-tag">
+                                    <div class="core-values <%= job.isExpressJob() ? "" : "expand-hide-tag"%>">
                                     <%
                                         for(FactorLevelLink factorLevelLink : factorDetails.keySet())
                                         {
@@ -358,8 +365,8 @@
                                 
                                     Long    rating  =   cultureFitData.get(cClass).get0();
                             %>
-                                    <div class="main-pro-bar">
-                                        <div class="pro-bar">
+                                    <div class="main-score-bar main-pro-bar">
+                                        <div class="score-bar pro-bar">
                                             <span class="appli-label"><oneit:toString   value="<%= cClass %>"   mode="EscapeHTML"/></span>
                                             <span class="appli-percen gray"><oneit:toString  value="<%= rating %>"   mode="PercentageWholeNumber" /></span>
                                             <span class="appli-progress-bar">
@@ -371,7 +378,7 @@
                                             <span class="hasarrow"><img src="images/select-down-arrow.svg" /></span>
                                             </span>
                                         </div>
-                                        <div class="expand-hide-tag">
+                                        <div class="core-values expand-hide-tag">
                                             <%
                                                 for(Tuple.T3 tuple : cultureFitData.get(cClass).get1())
                                                 {
@@ -409,8 +416,8 @@
                                         {
                                             Long    rating  =   requirementFitData.get(importance);
                                     %>
-                                            <div class="main-pro-bar <%= importance %>">
-                                                <div class="pro-bar">
+                                            <div class="main-score-bar main-pro-bar <%= importance %>">
+                                                <div class="score-bar pro-bar">
                                                     <span class="appli-label"><oneit:toString   value="<%= importance %>"   mode="EscapeHTML"/></span>
                                                     <span class="appli-percen gray"><oneit:toString  value="<%= rating %>"   mode="PercentageWholeNumber" /></span>
                                                     <span class="appli-progress-bar">
@@ -433,7 +440,7 @@
                                                     if(reqAnswersByImportance.getValuesForKey(importance)!=null)
                                                     {
                                                 %>
-                                                        <div class="expand-hide-tag">
+                                                        <div class="core-values expand-hide-tag">
                                                             <%
                                                                 for(AssessmentCriteriaAnswer answer: reqAnswersByImportance.getValuesForKey(importance))
                                                                 {