S12519734 # Client - Incoming Issues (raised by Client) #Gap between step tabs not equal

cmsWebApp/webroot/css/common.css

@@ -3710,17 +3710,23 @@ input.add-note-btn:hover{
 
 .int-timeline {
     display: inline-block;
-    margin-bottom: 0;
+    margin-bottom: -6px;
 }
 .int-timeline li{
-    display: inline-block;
+    float: left;
     background-color: #768595;
-    margin-right: -2px;
+    margin-right: -1px;
     border-radius: 3px 3px 0 0px;
     position: relative;
+    border: 1px solid #1a2531;
     border-bottom: none;
     height: 85px;
 }
+.int-timeline li.inactive {
+     /*margin-right: -2px;*/
+}
+
+
   .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;}
   .int-timeline li.incomplete a:after {display:none}
@@ -3745,7 +3751,7 @@ input.add-note-btn:hover{
     width: 96px;    
     text-align: center;
     font-family: "Usual-Medium";
-    height: 80px;
+    height: 83px;
 }
 .int-timeline li a div.app-b-title {
     font-family: "Usual-Medium";
@@ -3759,6 +3765,7 @@ input.add-note-btn:hover{
 }
 .int-timeline li.active, .int-timeline li.active a:hover{
     background-color: #e9ecef;
+    border-radius: 3px 3px 0 0px;
 }
 .int-timeline li.active a{
     color: #8e97a0;
@@ -3778,13 +3785,15 @@ input.add-note-btn:hover{
     top: -5px;
     width: 84px;
 }
+
+
 .int-timeline li a:after {
     content: '';
     width: 7px;
     height: 14px;
     background-image: url('../images/applicants-process-arrow.png');    
     position: absolute;
-    right: -6px;
+    right: -7px;
     top: 43%;
     z-index: 10;
 }