Updates from NHS frontend 10.2 (#571)

Using some of the [new
features](https://github.com/nhsuk/nhsuk-frontend/releases/tag/v10.2.0).

Author: frankieroberto

app/assets/sass/components/_button.scss

@@ -1,15 +1,3 @@
-// Short button variant
-//
-// This button is slightly shorter than the usual one,
-// so that when it sits to the right of a text input
-// (eg a search box) it is the same height.
-//
-// Remove this when https://github.com/nhsuk/nhsuk-frontend/pull/1643 has
-// been merged and released.
-.app-button--small {
-  @include nhsuk-font-size(16);
-  padding: 5px 12px;
-}
 
 .app-button--min-width {
   min-width: 80px;

app/views/_deactivated.html

@@ -46,7 +46,7 @@ <h2 class="app-feedback-panel__title">Thank you.</h2>
     <div class="nhsuk-button-group nhsuk-u-margin-bottom-0">
       {{ button({
         text: "Send feedback",
-        classes: "nhsuk-button--secondary app-button--small"
+        classes: "nhsuk-button--secondary nhsuk-button--small"
       }) }}
 
 

app/views/_feedback-panel.html

@@ -16,39 +16,39 @@ <h2 class="app-feedback-panel__title">You’ve just recorded your 5th vaccinatio
 
         {{ button({
           text: "Very easy",
-          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          classes: "nhsuk-button--secondary nhsuk-button--small app-button--min-width",
           attributes: {
             "data-thanks": "Thank you. Do you want to tell us more?"
           }
         }) }}
 
         {{ button({
           text: "Easy",
-          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          classes: "nhsuk-button--secondary nhsuk-button--small app-button--min-width",
           attributes: {
             "data-thanks": "Thank you. Do you want to tell us more?"
           }
         }) }}
 
         {{ button({
           text: "Ok",
-          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          classes: "nhsuk-button--secondary nhsuk-button--small app-button--min-width",
           attributes: {
             "data-thanks": "Thank you. Do you want to tell us more?"
           }
         }) }}
 
         {{ button({
           text: "Difficult",
-          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          classes: "nhsuk-button--secondary nhsuk-button--small app-button--min-width",
           attributes: {
             "data-thanks": "Thank you. Do you want to tell us more?"
           }
         }) }}
 
         {{ button({
           text: "Very difficult",
-          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          classes: "nhsuk-button--secondary nhsuk-button--small app-button--min-width",
           attributes: {
             "data-thanks": "Thank you. Do you want to tell us more?"
           }
@@ -82,7 +82,7 @@ <h2 class="app-feedback-panel__title">Thank you.</h2>
     <div class="nhsuk-button-group nhsuk-u-margin-bottom-0">
       {{ button({
         text: "Send feedback",
-        classes: "nhsuk-button--secondary app-button--small"
+        classes: "nhsuk-button--secondary nhsuk-button--small"
       }) }}
 
 

app/views/_feedback-report.html

@@ -16,39 +16,39 @@ <h2 class="app-feedback-panel__title">You’ve just recorded your 5th vaccinatio
 
         {{ button({
           text: "Very easy",
-          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          classes: "nhsuk-button--secondary nhsuk-button--small app-button--min-width",
           attributes: {
             "data-thanks": "Thank you. Do you want to tell us more?"
           }
         }) }}
 
         {{ button({
           text: "Easy",
-          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          classes: "nhsuk-button--secondary nhsuk-button--small app-button--min-width",
           attributes: {
             "data-thanks": "Thank you. Do you want to tell us more?"
           }
         }) }}
 
         {{ button({
           text: "Ok",
-          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          classes: "nhsuk-button--secondary nhsuk-button--small app-button--min-width",
           attributes: {
             "data-thanks": "Thank you. Do you want to tell us more?"
           }
         }) }}
 
         {{ button({
           text: "Difficult",
-          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          classes: "nhsuk-button--secondary nhsuk-button--small app-button--min-width",
           attributes: {
             "data-thanks": "Thank you. Do you want to tell us more?"
           }
         }) }}
 
         {{ button({
           text: "Very difficult",
-          classes: "nhsuk-button--secondary app-button--small app-button--min-width",
+          classes: "nhsuk-button--secondary nhsuk-button--small app-button--min-width",
           attributes: {
             "data-thanks": "Thank you. Do you want to tell us more?"
           }
@@ -82,7 +82,7 @@ <h2 class="app-feedback-panel__title">Thank you.</h2>
     <div class="nhsuk-button-group nhsuk-u-margin-bottom-0">
       {{ button({
         text: "Send feedback",
-        classes: "nhsuk-button--secondary app-button--small"
+        classes: "nhsuk-button--secondary nhsuk-button--small"
       }) }}
 
 

app/views/_notification-90-days.html

@@ -48,7 +48,7 @@ <h2 class="app-feedback-panel__title">Thank you.</h2>
     <div class="nhsuk-button-group nhsuk-u-margin-bottom-0">
       {{ button({
         text: "Send feedback",
-        classes: "nhsuk-button--secondary app-button--small"
+        classes: "nhsuk-button--secondary nhsuk-button--small"
       }) }}
 
 

app/views/_notification-user-admin.html

@@ -46,7 +46,7 @@ <h2 class="app-feedback-panel__title">Thank you.</h2>
     <div class="nhsuk-button-group nhsuk-u-margin-bottom-0">
       {{ button({
         text: "Send feedback",
-        classes: "app-button--outlined app-button--small"
+        classes: "app-button--outlined nhsuk-button--small"
       }) }}
 
 

app/views/_notification.html

@@ -46,7 +46,7 @@ <h2 class="app-feedback-panel__title">Thank you.</h2>
     <div class="nhsuk-button-group nhsuk-u-margin-bottom-0">
       {{ button({
         text: "Send feedback",
-        classes: "nhsuk-button--secondary app-button--small"
+        classes: "nhsuk-button--secondary nhsuk-button--small"
       }) }}
 
 

app/views/_report-notification.html

@@ -47,7 +47,7 @@ <h2 class="app-feedback-panel__title">Thank you.</h2>
     <div class="nhsuk-button-group nhsuk-u-margin-bottom-0">
       {{ button({
         text: "Send feedback",
-        classes: "app-button--outlined app-button--small"
+        classes: "app-button--outlined nhsuk-button--small"
       }) }}
 
 

app/views/apply/start.html

@@ -47,7 +47,7 @@ <h1 class="nhsuk-heading-l">{{ pageName }}</h1>
         name: "organisationId",
         label: {
           text: "Find your pharmacy",
-          classes: "nhsuk-label--m nhsuk-u-margin-bottom-1"
+          size: "m"
         },
         hint: {
           text: "Search by name or ODS code"

app/views/apply/vaccine-types.html

@@ -21,7 +21,7 @@
           fieldset: {
             legend: {
               text: pageName,
-              classes: "nhsuk-fieldset__legend--l",
+              size: "l",
               isPageHeading: true
             }
           },