From a5e79615fd5fe96a099e56554b9be6d1246e3b69 Mon Sep 17 00:00:00 2001
From: Scott Duncombe <scott.duncombe@shopify.com>
Date: Sun, 3 Nov 2024 22:17:30 -0800
Subject: [PATCH] More explicit insturctions

---
 src/components/form-report/form-report.tsx | 3 +++
 src/components/page-home/page-home.scss    | 4 ++--
 src/components/page-home/page-home.tsx     | 8 +++++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/form-report/form-report.tsx b/src/components/form-report/form-report.tsx
index 39b6ec7..4d15dc8 100644
--- a/src/components/form-report/form-report.tsx
+++ b/src/components/form-report/form-report.tsx
@@ -345,6 +345,9 @@ export class FormReport {
       <Host>
         <div id="form-report-component">
           <form id="form-report" onSubmit={handleSubmit} onChange={() => (this.isDisabled = false)} onInput={() => (this.isDisabled = false)} hidden={this.showConfirmation}>
+            <h2 class="is-display" hidden={this.showConfirmation}>
+              See a long line near a polling site? Let us know where and we’ll send pizza!
+            </h2>
             <div id="form-step-1" hidden={!this.showLocationInput}>
               {/* Intro content */}
               <slot></slot>
diff --git a/src/components/page-home/page-home.scss b/src/components/page-home/page-home.scss
index b79ab1a..40270e1 100644
--- a/src/components/page-home/page-home.scss
+++ b/src/components/page-home/page-home.scss
@@ -117,11 +117,11 @@ page-home {
         background-color: $light-red;
         box-shadow: none;
         height: 2.2rem;
-        font-size: 1.9rem;
+        font-size: 1.4rem;
 
         @media ($under-tablet) {
           height: 1rem;
-          font-size: 0.9rem;
+          font-size: 1.1rem;
         }
         @media (max-width: 400px) {
           font-size: 0.8rem;
diff --git a/src/components/page-home/page-home.tsx b/src/components/page-home/page-home.tsx
index 5060c4d..01ef014 100644
--- a/src/components/page-home/page-home.tsx
+++ b/src/components/page-home/page-home.tsx
@@ -58,7 +58,13 @@ export class PageHome {
           <label htmlFor="autocomplete-input">
             <div class="container">
               <ui-location-search
-                placeholder={(window?.document?.body?.clientWidth || 0) < 400 ? "Stuck in line? Search here" : "Stuck in a long line? Search your location here"}
+                placeholder={
+                  (window?.document?.body?.clientWidth || 0) < 400
+                    ? "Long line? We'll send pizza!"
+                    : (window?.document?.body?.clientWidth || 0) < 600
+                    ? "Long line at polling site? We'll send pizza!"
+                    : "Long line at a polling site? Let us know where - we’ll send pizza!"
+                }
                 onLocationSelected={handleLocationSelected}
                 inputId="homepage"
               />