C006 - The vertical spacing within these screens has been tightened up to ensure…

C006 - The vertical spacing within these screens has been tightened up to ensure more is visible on smaller desktop screens.

C002 - 13" viewport - Content (below Email Address field) is obscured by footer

C001 - Mobile (iphone 6) - Content is obscured - - Logo should be fixed to bottom of viewport and should not obscure content.

cmsWebApp/webroot/css/common.css

@@ -1652,9 +1652,9 @@ table.pos-table{
 .power-footer{
     display: inline-block;
     width: 100%;
-    margin-top: 13%;
+    /*margin-top: 13%;*/
   /*margin-bottom: 34px;*/
-    position: fixed;
+    /*position: fixed;*/
     left: 0px;
     bottom: 0px;
     padding-top: 15px;
@@ -1794,7 +1794,7 @@ table.pos-table{
 /*Application Outline Page*/
 
 .main-application-outline {
-    margin: 60px auto 0;
+    margin: 22px auto 0;
     width: 75%;
 }
 .welcome-title{
@@ -1886,7 +1886,7 @@ table.pos-table{
 
 /*Selection Criteria Page All Step*/
 .selection-aust-logo {
-    margin-bottom: 43px;
+    margin-bottom: 33px;
 }
 .selection-aust-logo span {
     float: right;
@@ -1918,7 +1918,7 @@ table.pos-table{
     background-color: #ffffff;
 }
 .main-sc-section{
-    padding: 35px 70px;
+    padding: 28px 70px;
     display: inline-block;
     width: 100%;
     /*margin-bottom: 87px;*/
@@ -1927,7 +1927,7 @@ table.pos-table{
     padding: 35px 70px;
     display: inline-block;
     width: 100%;
-    margin-bottom: 87px;
+/*    margin-bottom: 87px;*/
 }
 .selection-br-line{
     display: block;
@@ -2025,7 +2025,7 @@ table.pos-table{
     margin: 20px 0 24px;    
 }
 .main-wc-section {
-    padding: 63px 70px;
+    padding: 17px 70px 62px;
     background-color: #fbfbfb;
 }
 .full-width {
@@ -4715,7 +4715,7 @@ img.alert-icon {float: left;}
   .app-out-btn span {float: left;line-height: normal;margin: 16px 0 21px;text-align: center;width: 100%;}
   .app-out-btn{text-align: center;margin-bottom: 60px;}
   .app-out-btn a {display: inline-block;float: none;font-size: 13px;width: 255px;}
-  .power-footer {display: inline-block;margin-top: 50px; position: fixed; left: 0px; bottom: 0px;}  
+  .power-footer {display: inline-block; left: 0px; bottom: 0px;}  
   .section-tab-view .nav-justified>li {display: table-cell;width: 1%;}
   .section-tab-view .nav-justified>li a{margin-bottom: 0;}
   .mobile-hide{display: none;}
@@ -4731,6 +4731,7 @@ img.alert-icon {float: left;}
   .main-sc-section p {font-size: 12px;margin-bottom: 0;text-align: center;}
   .selection-form-title{font-size: 13px;margin-bottom: 12px;}
   .question-y-n label.second-label{font-size: 12px; margin-bottom: 17px;}
+  .wc-question-y-n{border: 2px #d3d3d3;border-style: solid none;}
   .wc-question-y-n label.second-label{font-size: 12px; margin-bottom: 17px;}
   .textarea-box textarea{margin-bottom: 32px;font-size: 12px;}
   .section-br-inside{margin: 25px 0 22px;}
@@ -4738,6 +4739,7 @@ img.alert-icon {float: left;}
   .section-btn .box-btn{font-size: 13px;border-radius: 100px 100px 100px 100px;margin-left: -2.5px;margin-top:10px;border:1px solid #03a0e7;padding: 0 0;}  
   .second-radio-primary.radio label{font-size: 12px;}
   .section-btn {margin: 1px 0 7px;}
+  .main-wc-section{padding : 0 0  64px 0;}
   .main-wc-section .selection-form-title{margin-bottom: 21px;}
   .main-wc-section .full-width{ margin-bottom: 24px;}
   .main-wc-section .section-br-inside {margin: 24px 0 27px;}
@@ -4749,7 +4751,7 @@ img.alert-icon {float: left;}
   .sj-1 {padding-bottom: 27px;padding-top: 20px;}
   .main-rate-section{padding: 0;}  
   .rateing-title{font-size: 13px;padding: 23px 30px;width: 100%;position: relative;margin-bottom:0; }
-  .rateing-title span {font-size: 12px;position: absolute;right: 30px;top: 23px;}
+  .rateing-title span {font-size: 12px;position: absolute;right: 30px;top: 6px;}
   .rating-box-title {font-size: 12px;line-height: 20px;padding: 16px 0;border-radius: 0;}
   .ratting-number {left: 0;margin: 0;padding-left: 0;position: absolute;right: 0;top: 0;width: 100%;}
   .pagination.ratting-number > li > a, .pagination.ratting-number > li > span{float: left;margin-left: 0;width: 14.28%;border-left: 0 none;}
@@ -4916,7 +4918,7 @@ img.alert-icon {float: left;}
   .appli-label {font-size: 13px;text-align: center;width: 100%;margin-bottom: 5px;}
   .pro-bar {padding: 10px 10px 8px;text-align: center;}
   .rateing-title{font-size: 13px;padding: 23px 30px;width: 75%;position: relative;}
-  .rateing-title span {font-size: 12px;position: absolute;right: -23%;top: 23px;}
+  .rateing-title span {font-size: 12px;position: absolute;right: -23%;top: 6px;}
   .int-timeline li,.int-timeline li a,.int-timeline{width: 100%;border-radius: 0;margin: 0;}  
   .int-timeline li.active a::after,.int-timeline li:nth-child(2) a::after{display: none;}
   .int-timeline li.interview-tran-btn a {margin: 0;padding: 5px 0 10px;top: 0;width: 100%;}

cmsWebApp/webroot/extensions/applicantportal/job_overview.jsp

@@ -20,7 +20,7 @@
 %>
         <style>
             .row {
-                padding-bottom: 120px;
+                padding-bottom: 30px;
             }
             .power-footer {
                 background-color:#fff;

cmsWebApp/webroot/extensions/applicantportal/workplace_culture.jsp

@@ -104,7 +104,7 @@
 
                 <div class="section-page-area">
                     <%
-                        if(cultureQuestionNo == 0)
+                        if(cultureQuestionNo != 0)
                         {
                     %>
                         <div class="main-sc-section">
@@ -120,7 +120,6 @@
                     %>
                     <div class="main-sc-section main-wc-section">
                         <div class="rateing-title">
-                            Rate the importance of each item below
                             <span><oneit:toString value="<%= numberText %>"   mode="EscapeHTML"/></span>
                         </div>
                     <%