Formatting updates

app/assets/stylesheets/molecules/_buttons.scss

@@ -53,7 +53,8 @@ button.tertiary-btn {
   display: none;
 }
 
-.button-cancel {
+.button-cancel,
+.tertiary-btn.button-cancel {
   color: #ef0734;
   border: 1px solid #ef0734;
   display: none;
@@ -78,6 +79,10 @@ button.tertiary-btn {
   cursor: default;
 }
 
+.button-wrap {
+  margin-top: 3rem;
+}
+
 // JS-enabled styles
 html.no-js {
   .tertiary-btn.button-edit {

app/assets/stylesheets/molecules/_forms.scss

@@ -177,6 +177,13 @@ textarea {
   &:not(:disabled) + label:before {
     background-color: white;
   }
+  &:disabled {
+    + label {
+      &:after {
+        background-color: #888;
+      }
+    }
+  }
 }
 
 [type="checkbox"] {

app/assets/stylesheets/pages/_error.scss

@@ -2,9 +2,8 @@
     text-align: center;
     background-color: $accent-color-1;
     color: #fff;
-    padding-top: .5rem;
+    margin: 2rem 0 .5rem;
-    padding-bottom: .5rem;
+    padding: .5rem 0;
-    margin-bottom: .5rem;
 }
 
 .error-header {

app/assets/stylesheets/templates/_summary.scss

@@ -29,6 +29,10 @@
     }
     .answer-container {
       padding:2rem 0;
+
+      textarea:not(:disabled) {
+        background-color: white;
+      }
     }
   }
 }
@@ -50,7 +54,7 @@
     color: #fff;
     padding-top: .5rem;
     padding-bottom: .5rem;
-    margin-bottom: .5rem; 
+    margin-bottom: .5rem;
     animation-name: success-fadeout;
     animation-duration: 1.5s;
     animation-delay: 2s;

app/views/candidate/saved.html.erb

@@ -1,10 +1,10 @@
 <main class="styleguide_tpl">
   <p>
-    Your test results have been saved. You can visit again later with your candidate ID to complete
+    Your test results have been saved. You can visit again later with your Test ID to complete
     the test starting from where you left off.
   </p>
 
-  <div class="btn-return">
+  <div class="button-wrap">
-    <a class="btn primary-btn" href="<%= question_path %>">Return to Test</a>
+    <a class="btn primary-btn" href="<%= question_path %>">Return to test</a>
   </div>
 </main>

app/views/candidate/summary.html.erb

@@ -5,6 +5,8 @@
     Once you're done, hit the button at the bottom of the page to submit your answers.
   </p>
 
+  <hr>
+
   <% @quiz.each do |question| %>
     <%= form_for(:answer, url: post_answer_path(answer_id: question.answer_id), html:{class: 'summary-form'}) do |form| %>
       <article class="answer-sec <%= question.input_type %>-type" data-qid="<%= question.question_id %>">

app/views/candidate/welcome.html.erb

@@ -20,7 +20,7 @@
     answers, we will review your assessment and your recruiter will be in touch.
   </p>
 
-  <%= link_to question_path do %>
+  <div class="button-wrap">
-    <button type="submit">Begin</button>
+    <%= link_to "Begin", question_path, {class: 'btn'} %>
-  <% end %>
+  </div>
 </main>