More explicit insturctions

pizza-to-the-polls · Nov 4, 2024 · a5e7961 · a5e7961
1 parent 7dc18cb
commit a5e7961
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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"
               />