From 972025f8083c9b91421769474c0fda0b42fa10b9 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <skylar@netsyms.com>
Date: Tue, 7 Jun 2022 12:18:39 -0600
Subject: [PATCH] Make address and ZIP boxes work better on mobile, improve
 text at bottom

---
 www/pages/pickup.html | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/www/pages/pickup.html b/www/pages/pickup.html
index 4744cc2..4c1dac6 100644
--- a/www/pages/pickup.html
+++ b/www/pages/pickup.html
@@ -51,7 +51,7 @@
                                     <div class="item-inner">
                                         <div class="item-title item-floating-label">Pickup Address</div>
                                         <div class="item-input-wrap">
-                                            <input type="text" id="streetaddress" placeholder="1234 Your Rd" value="{{streetaddress}}" />
+                                            <input type="text" id="streetaddress" placeholder="1234 Your Rd" value="{{streetaddress}}" autocomplete="off" autocorrect="off" />
                                             <span class="input-clear-button"></span>
                                         </div>
                                     </div>
@@ -60,7 +60,7 @@
                                     <div class="item-inner">
                                         <div class="item-title item-floating-label">ZIP Code</div>
                                         <div class="item-input-wrap">
-                                            <input type="text" id="zipcode" value="{{zipcode}}"/>
+                                            <input type="text" id="zipcode" placeholder="59601" value="{{zipcode}}" autocomplete="off" autocorrect="off" inputmode="numeric" />
                                             <span class="input-clear-button"></span>
                                         </div>
                                     </div>
@@ -113,12 +113,20 @@
                                         </span>
                                     </label>
                                 </li>
-                                <li class="padding">
-                                    By requesting a pickup, you confirm that you aren't sending any <a onclick="openBrowser('https://helena.express/articles/restricted-items')">restricted items</a>.
-                                    You agree that we can bill your saved payment method for the shipping cost.
-                                    You also confirm that you've filled out a destination address on each package and indicated
-                                    any desired options (signature, insurance, etc).
-                                    We recommend using free Helena Express shipping labels, available <a href="/shop">from the shop</a>.
+                                <li class="padding text-align-left">
+                                    <p>
+                                        By requesting a pickup, you confirm that your package(s) don't contain anything fragile, liquid, perishable
+                                        or potentially hazardous such as perfume, lithium batteries, mercury, or anything on
+                                        our <a onclick="openBrowser('https://helena.express/articles/restricted-items')">restricted items list</a>.
+                                    </p>
+                                    <p>
+                                        You agree that we can bill your saved payment method for the shipping cost.
+                                        <br />
+                                        You also confirm that you've filled out a destination address on each package and indicated
+                                        any desired options (signature, insurance, etc).
+                                        <br />
+                                        We recommend using free Helena Express shipping labels, available <a href="/shop">from the shop</a>.
+                                    </p>
                                 </li>
                                 <li class="padding">
                                     <div class="button hapticbtn button-fill" onclick="requestPickup()"><i class="fa-regular fa-dolly"></i> Request Pickup</div>