S12519672 # Client - Incoming Issues (raised by Client) #Wrap on step title causes bad alignment

cmsWebApp/webroot/css/common.css

@@ -3609,6 +3609,7 @@ input.add-note-btn:hover{
     border-radius: 3px 3px 0 0px;
     position: relative;
     border-bottom: none;
+    height: 85px;
 }
   .int-timeline li.incomplete {border: 1px solid #324150; border-bottom: 0; background-color: transparent;color : #7B8DA0; margin-right: 25px;}
   .int-timeline li.incomplete a { background-color: transparent;}
@@ -3634,6 +3635,12 @@ input.add-note-btn:hover{
     width: 96px;    
     text-align: center;
     font-family: "Usual-Medium";
+    height: 80px;
+}
+.int-timeline li a div.app-b-title {
+    font-family: "Usual-Medium";
+    width: 100%; position: absolute;
+    top: 51px;
 }
 .int-timeline li.has-applicant.inactive a:hover {
     color: #ffffff;    
@@ -3648,7 +3655,7 @@ input.add-note-btn:hover{
     font-size: 11px;
     font-weight: bold;
     position: relative;
-    padding-top: 13px;
+    padding-top: 11px;
 }
 .int-timeline li.interview-tran-btn{
     background-color: transparent;

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

@@ -34,7 +34,9 @@
                         <span>
                             <oneit:toString value="<%= noOfIncomplete %>"   mode="Integer" />
                         </span>
+                        <div class="app-b-title">
                         <%= job.getWorkFlowBySortOrder(1) %>
+                        </div>
                     </oneit:button>
                 </li>
             <%
@@ -50,7 +52,9 @@
                             <span>
                                 <oneit:toString value="<%= noOfCandidates %>"   mode="Integer" />
                             </span>
+                            <div class="app-b-title">
                             <%= workflow.getName() %>
+                            </div>
                         </oneit:button>
                     </li>
             <%