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

cmsWebApp/webroot/css/common.css

@@ -4017,6 +4017,7 @@ input.add-note-btn:hover{
   text-align: center;
   border-radius: 3px 3px 0 0;
   background-color: #768595;
+  position: relative;
 }
 .unsutable a span{    
   color: #ffffff;
@@ -4047,10 +4048,22 @@ no-applicant.inactive a:hover,no-applicant.inactive a:hover span{
   font-size: 11px;
   display: block;
   color: #b5bfca;
-  padding: 9.5px 0;
+  padding: 11px 0;
   width: 96px;
   font-family: "Usual-Medium";
   word-wrap: break-word;
+      height: 83px;
+}
+
+.unsutable a div.app-b-title {
+    font-family: "Usual-Medium";
+    width: 100%;
+    position: absolute;
+    top: 51px;
+    top: 54px;
+    line-height: 12px;
+    padding: 0 5px;
+    text-align: center;
 }
 .unsutable.active a{
     color: #8e97a0;

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

@@ -72,7 +72,9 @@
                 <span>
                     <oneit:toString value="<%= noOfUnsuitable %>"   mode="Integer" />
                 </span>
+                <div class="app-b-title">
                 <%= job.getWorkFlowBySortOrder(9)%>
+                </div>
             </oneit:button>
         </div>      
     </div>