Center the mailing list captcha

src/app/club/mailinglist.tsx

@@ -13,7 +13,7 @@ export default function MailingListSignupForm(): React.JSX.Element {
                     type="email"
                     name="email"
                     id="email"
-                    className="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+                    className="block w-full rounded-md border-0 pl-4 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
                     placeholder="you@example.com" />
             </div>
             <div>
@@ -22,11 +22,13 @@ export default function MailingListSignupForm(): React.JSX.Element {
                     type="text"
                     name="name"
                     id="name"
-                    className="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+                    className="block w-full rounded-md border-0 pl-4 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
                     placeholder="Jane Doe" />
             </div>
             <input className="hidden" type="checkbox" name="l" checked value="ea5f1e67-2ff0-4762-8893-0645e93a8306" />
-            <altcha-widget challengeurl="https://lists.orcas.community/api/public/captcha/altcha"></altcha-widget>
+            <div className="flex justify-center">
+                <altcha-widget challengeurl="https://lists.orcas.community/api/public/captcha/altcha"></altcha-widget>
+            </div>
 
             <input
                 className="w-full rounded-md flex justify-center border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"

src/components/Footer.tsx

@@ -40,6 +40,9 @@ export function Footer() {
                 <p className="text-sm text-zinc-400">
                   WSCC is a 501c3 nonprofit organization - 91-1283768
                 </p>
+                <p className="text-sm text-zinc-400">
+                  PO Box 1414, Eastsound, WA 98245
+                </p>
               </div>
             </div>
           </ContainerInner>