css fix for puppetteer bug

dont use partial for service name

app/assets/stylesheets/print.scss

@@ -32,4 +32,14 @@
     display: none !important; // In no circumstances do we want buttons to appear when the page is printed,
                               // regardless of class-based button styles
   }
-}
+}
+// Grover/pupetteer has a bug https://github.com/puppeteer/puppeteer/issues/4125
+// this ensures that the bug does not cause the titles in H1 and H2 elements to
+// split on the characters 'fi'
+.no-ligatures{
+  font-variant-ligatures: none;
+}
+
+.no-wrap{
+  white-space: nowrap;
+}

app/views/estimates/print.html.slim

@@ -3,7 +3,7 @@
     = t("estimates.show.not_likely_to_qualify")
   - else
     = t("estimates.show.likely_to_qualify")
-.govuk-grid-column-full
+.govuk-grid-column-full.no-ligatures
   .gem-c-organisation-logo
     .gem-c-organisation-logo__container
       span.gem-c-organisation-logo__name
@@ -18,7 +18,7 @@
 
   button.govuk-button.govuk-button--secondary data-module="govuk-button" data-trigger="print" = t(".print_this_page")
 
-  = render "shared/heading", header_text: t("service.name")
+  h2.govuk-heading-m = t("service.name")
   = render "result_panel_content"
 
   - if @model.level_of_help == "certificated"
@@ -44,7 +44,7 @@
     = render "evidence"
 
   - if @model.calculated?(:gross_income) || @model.calculated?(:disposable_income) || @model.calculated?(:capital)
-    h2.govuk-heading-m = t("estimates.show.#{@model.level_of_help}_how_calculated")
+    h2.govuk-heading-m.no-wrap = t("estimates.show.#{@model.level_of_help}_how_calculated")
 
   - if @model.calculated?(:gross_income)
     h2.govuk-heading-m = t("estimates.show.income_calculation")