ui fixes after dynamic code includes

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

@@ -52,7 +52,7 @@
                         %>
                     </span>
                     <span class="job-status-appli">
-                        <span class="<%= job.getJobStatus().getName().toLowerCase() + "-status-icon" %>"></span>
+                        <span class="<%= job.getJobStatus().getName().toLowerCase() + " status-icon" %>"></span>
                         <oneit:toString  value="<%= job.getJobStatusText() %>"    mode="EscapeHTML"/>
                     </span>
                 </div>
@@ -129,8 +129,8 @@
                     long    criteriaVal =   jobApplication.getRequirementFitScore();
                     String  criteria    =   FormatUtils.stringify(criteriaVal, "PercentageWholeNumber", "0");
                     boolean missingReq  =   jobApplication.hasFailedEssentialRequirements();
-                    String  iconBg      =   "background-image : url('file://" + PDFUtils.FILE_BASE_PATH + "/images/correct.png'); background-color : #67B413; background-size:50%; ";
-                    if (missingReq)     iconBg      =   "background-image : url('file://" + PDFUtils.FILE_BASE_PATH + "/images/icon-requirements.png'); background-color : #F9623D  ; background-size:18%;" ;
+                    String  iconBg      =   "background-image : url('file://" + PDFUtils.FILE_BASE_PATH + "/images/reqgreen.png'); ";
+                    if (missingReq)     iconBg      =   "background-image : url('file://" + PDFUtils.FILE_BASE_PATH + "/images/missinreq.png');" ;
                 %>
                     <div class="appli-jcs appli-l eq-second-height">
                         <span class="appli-view-bar">
@@ -141,7 +141,7 @@
                                 </div>
                             </div>
                               
-                                <span class="requirements-icon" style="<%= iconBg %>"></span>
+                                <span class="<%= missingReq ? "red" : "green" %> requirements-icon" ></span>
                         </span>
                         <span class="<%= missingReq ? "red-requirements" : "" %>">
                             requirements

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

@@ -25,19 +25,35 @@
 
         }    
         .job-status-appli {
-             background-image: url('file://<%=  PDFUtils.FILE_BASE_PATH %>/images/open.png');
-              background-repeat: no-repeat;
-              background-position: left center;
-              background-size: 15px;
+          
             text-transform: uppercase;
             letter-spacing: 1px;
             color: #ffffff;
             font-size: 11px;
            font-family: "Usual-Medium";
-             padding: 3px 0 3px 24px;
+             padding: 3px 0 3px 0;
            
         }
         
+        .job-status-appli .status-icon{
+                height: 12px;
+                width: 12px;
+                display: inline-block;
+                border-radius: 50%;
+                    margin: -5px 5px;
+
+            }
+
+            .status-icon.open {
+            border: 4px solid #03AC66;
+            }
+            .status-icon.closed {
+            border: 4px solid #f9623d;
+            }
+            .status-icon.filled {
+            border: 4px solid #f9623d;
+            }
+     
         div.white-header {background-color: #fff; height:80px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 30px ;}
         div.white-header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle}
        
@@ -116,14 +132,19 @@
             box-sizing: border-box;
             height: 18px;
             width: 18px;
-            border: 3px solid #FFFFFF;
             position: absolute;        
-            border-radius: 50%;
-            background-repeat:  no-repeat;
-            background-position: 32% 25%;
             padding: 0;
+            background-size: 18px;
+            border:3px solid #fff;
+            border-radius: 50%;
             
         }
+        .requirements-icon.red{
+              background-image: url('file://<%=  PDFUtils.FILE_BASE_PATH %>/images/missinreq.png');
+        }
+        .requirements-icon.green{
+              background-image: url('file://<%=  PDFUtils.FILE_BASE_PATH %>/images/reqgreen.png');
+        }
         .red-requirements {color: #F9623D;}
         .green-requirements {color: #67B413;}  
         span.austr-post { text-transform: uppercase;}