Merge pull request #128 from hmcts/DIV-3893_use_govuk_frontend

fix progress list styles and add textarea bold option

assets/scss/look-and-feel/progress-list.scss

@@ -7,17 +7,20 @@ $module: "progress";
 .#{$module} {
   overflow: hidden;
   position: relative;
+  @include govuk-responsive-margin(3, "bottom");
 
   &:before {
     background-color: govuk-colour("green");
     content: "";
     height: 6px;
     position: absolute;
-    top: 19px; left: 0;
+    top: 13px; left: 0;
     width: 100%;
   }
 
   &__list {
+    margin: 0;
+    padding: 0;
     font-size: .1px; // hide whitespace between elements
     position: relative;
     text-align: justify;

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hmcts/look-and-feel",
   "description": "One question per page apps made easy",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "./src/main.js",
   "dependencies": {
     "babel-core": "^6.26.0",

templates/look-and-feel/components/fields.njk

@@ -8,10 +8,10 @@
   Renders a simple text box input field.
 #}
 
-{% macro textarea(field, label, hint="", hideLabel=false, placeholder="") %}
+{% macro textarea(field, label, hint="", hideLabel=false, placeholder="", bold=false) %}
 
     <div class="govuk-form-group {{ errorClass(field) }}">
-        <label id="{{ field.id }}-label" class="govuk-label {{ 'visually-hidden' if hideLabel }}" for="{{ field.id }}">{{ label | safe }}</label>
+        <label id="{{ field.id }}-label" class="govuk-label {{ 'visually-hidden' if hideLabel }} {{ 'govuk-!-font-weight-bold' if bold }}" for="{{ field.id }}">{{ label | safe }}</label>
 
         {% if hint %}
             <span class="govuk-hint">{{ hint | safe }}</span>
@@ -325,10 +325,10 @@
 
   Renders a textarea field.
 #}
-{% macro textarea(field, label, hint="", hideLabel=false, placeholder="") %}
+{% macro textarea(field, label, hint="", hideLabel=false, placeholder="", bold=false) %}
 
     <div class="govuk-form-group {{ errorClass(field) }}">
-        <label id="{{ field.id }}-label" class="govuk-label {{ 'visually-hidden' if hideLabel }}" for="{{ field.id }}">{{ label | safe }}</label>
+        <label id="{{ field.id }}-label" class="govuk-label {{ 'visually-hidden' if hideLabel }} {{ 'govuk-!-font-weight-bold' if bold }}" for="{{ field.id }}">{{ label | safe }}</label>
 
         {% if hint %}
             <span class="govuk-hint">{{ hint | safe }}</span>