HT004 styling issues fixed

cmsWebApp/webroot/css/common.css

@@ -2734,7 +2734,13 @@ span.ex-management {
 }
 .main-appli-name{
     float: left;
+    padding-left:36px;
 }
+
+.nav-justified > li {
+    width: 200px;
+}
+
 .appli-name{
     color: #1a2531;
     text-align: left;
@@ -2780,7 +2786,7 @@ span.export-candidate,span.appli-status-short{
 }
 .applicant-tab ul {
     background-color: #4a4a4a;
-    padding: 8px 6px 0;
+    padding: 8px 6px 0 60px;
 }
 .applicant-tab ul li a {
     border-radius: 3px 3px 0 0;
@@ -2883,7 +2889,7 @@ span.appli-progress-bar {
     text-align: center;
 }
 .app-right-b {
-    padding: 10px 20px 60px;
+    padding: 10px 20px 60px 40px;
     border-bottom: solid 1px #dddddd;
 }
 .contact-title{
@@ -2893,7 +2899,7 @@ span.appli-progress-bar {
     margin-bottom: 22px;
 }
 .applicant-contact-info {
-    padding: 22px 20px 7px 20px;
+    padding: 22px 20px 7px 40px;
     border-bottom: solid 1px #dddddd;
 }
 .contact-label{
@@ -2904,7 +2910,7 @@ span.appli-progress-bar {
     display: table-cell;
     width: 16px;
     text-align: center;   
-    font-family: "Usual-Bold";
+    font-family: "Usual-Medium";
 }
 .contact-value{
     color: #7d7f82;

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

@@ -77,7 +77,7 @@
             </div>
             <div class="applicant-tab">
                 <ul class="nav nav-pills nav-justified">
-                    <li id="tab1" class="active"><a href="#1a" data-toggle="tab">role fit</a>s</li>
+                    <li id="tab1" class="active"><a href="#1a" data-toggle="tab">role fit</a></li>
                     <li id="tab2"><a href="#2a" data-toggle="tab">culture fit</a></li>
                     <li id="tab3"><a href="#3a" data-toggle="tab">requirements</a></li>
                     <li id="tab4"><a href="#4a" data-toggle="tab">areas of concern</a></li>