From 288ec05bb6d8c66eba330820ddf8e1a6c1821bb2 Mon Sep 17 00:00:00 2001
From: Marvin Sextro <marvin.sextro@gmail.com>
Date: Wed, 30 Jun 2021 02:40:39 +0200
Subject: [PATCH] Change input description

---
 components/Form.js | 33 +++++++++++++++++++--------------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/components/Form.js b/components/Form.js
index 5cda823..ca97af6 100644
--- a/components/Form.js
+++ b/components/Form.js
@@ -126,7 +126,7 @@ function Form() {
         <Card step={1} heading="Select Certificate" content={
           <div className="space-y-5">
             <p>
-              Please select the (scanned) certificate PDF page, which you received from your doctor, pharmacy, vaccination centre or online.
+              Please select the certificate, which you received from your doctor, pharmacy, vaccination centre or online. Note that taking a picture does not work on most devices yet.
             </p>
             <input
               className="w-full"
@@ -138,19 +138,24 @@ function Form() {
           </div>
         } />
         <Card step={2} heading="Pick a Color" content={
-          <div className="relative inline-block w-full">
-            <select name="color" id="color" className="bg-gray-200 dark:bg-gray-900 focus:outline-none w-full h-10 pl-3 pr-6 text-base rounded-md appearance-none cursor-pointer">
-              <option value="white">white</option>
-              <option value="black">black</option>
-              <option value="grey">grey</option>
-              <option value="green">green</option>
-              <option value="indigo">indigo</option>
-              <option value="blue">blue</option>
-              <option value="purple">purple</option>
-              <option value="teal">teal</option>
-            </select>
-            <div className="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none">
-              <svg className="w-5 h-5 fill-current" viewBox="0 0 20 20"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clipRule="evenodd" fillRule="evenodd"/></svg>
+          <div className="space-y-5">
+            <p>
+              Pick a background color for your pass.
+            </p>
+            <div className="relative inline-block w-full">
+              <select name="color" id="color" className="bg-gray-200 dark:bg-gray-900 focus:outline-none w-full h-10 pl-3 pr-6 text-base rounded-md appearance-none cursor-pointer">
+                <option value="white">white</option>
+                <option value="black">black</option>
+                <option value="grey">grey</option>
+                <option value="green">green</option>
+                <option value="indigo">indigo</option>
+                <option value="blue">blue</option>
+                <option value="purple">purple</option>
+                <option value="teal">teal</option>
+              </select>
+              <div className="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none">
+                <svg className="w-5 h-5 fill-current" viewBox="0 0 20 20"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clipRule="evenodd" fillRule="evenodd"/></svg>
+              </div>
             </div>
           </div>
         } />