From bfb453b9d27103c9cc0201de6967a3c1c6deea82 Mon Sep 17 00:00:00 2001
From: steveoh <sgourley@utah.gov>
Date: Wed, 12 Jun 2024 14:07:59 -0600
Subject: [PATCH] style: tone down the h2's and 3's

---
 src/components/FieldLinker.jsx     | 2 +-
 src/components/SampleFieldData.jsx | 2 +-
 src/pages/ApiKey.jsx               | 4 ++--
 src/pages/Data.jsx                 | 2 +-
 src/pages/Geocoding.jsx            | 2 +-
 src/pages/Plan.jsx                 | 4 ++--
 src/pages/Wkid.jsx                 | 2 +-
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/FieldLinker.jsx b/src/components/FieldLinker.jsx
index cfc8212..4a005a8 100644
--- a/src/components/FieldLinker.jsx
+++ b/src/components/FieldLinker.jsx
@@ -22,7 +22,7 @@ const FieldLinker = () => {
         ))}
       </div>
 
-      <h3>Assign Fields</h3>
+      <h3 className="text-zinc-700">Assign Fields</h3>
       <form className="grid-col-1 mx-auto grid max-w-md gap-3">
         <label htmlFor="street">Street Address Field</label>
         <select
diff --git a/src/components/SampleFieldData.jsx b/src/components/SampleFieldData.jsx
index 28908c5..5201131 100644
--- a/src/components/SampleFieldData.jsx
+++ b/src/components/SampleFieldData.jsx
@@ -1,7 +1,7 @@
 export default function SampleFieldData({ sample, street, zone }) {
   return (
     <section className="flex flex-col">
-      <h3>Sample Geocode Data</h3>
+      <h3 className="text-zinc-700">Sample Geocode Data</h3>
       <section className="flex w-min items-stretch justify-around divide-x-2 divide-gray-100 self-center rounded-lg border text-center shadow-lg">
         <Label label="Street address" value={sample[street]} />
         <Label label="Zone" value={sample[zone]} />
diff --git a/src/pages/ApiKey.jsx b/src/pages/ApiKey.jsx
index a4a2bb0..c9b71b1 100644
--- a/src/pages/ApiKey.jsx
+++ b/src/pages/ApiKey.jsx
@@ -57,7 +57,7 @@ export default function ApiKey() {
   };
 
   return (
-    <article>
+    <article className="text-zinc-700">
       <p>
         Welcome to the{' '}
         <a href="https://gis.utah.gov/products/sgid/address/api-client/" target="_blank" rel="noreferrer">
@@ -70,7 +70,7 @@ export default function ApiKey() {
         . To get started you will need a complimentary account and an API key.
       </p>
       <h2 className="-rotate-3 text-center">
-        <span className="block">Ready?</span>
+        <span className="block text-zinc-700">Ready?</span>
         <span className="block text-indigo-600">Let&apos;s go!</span>
       </h2>
       <ol className="mb-4 ml-10 list-decimal text-lg">
diff --git a/src/pages/Data.jsx b/src/pages/Data.jsx
index fbb369f..6e3d5a0 100644
--- a/src/pages/Data.jsx
+++ b/src/pages/Data.jsx
@@ -169,7 +169,7 @@ export default function Data() {
       <Link type="back-button" to="/?skip-forward=1">
         &larr; Back
       </Link>
-      <h2>Add your data</h2>
+      <h2 className="text-zinc-700">Add your data</h2>
       <AddressParts />
       {}
       {error && <InvalidCsv errorDetails={error} />}
diff --git a/src/pages/Geocoding.jsx b/src/pages/Geocoding.jsx
index 19f2bc4..98447cf 100644
--- a/src/pages/Geocoding.jsx
+++ b/src/pages/Geocoding.jsx
@@ -185,7 +185,7 @@ export default function Geocoding() {
       <Link type="back-button" to="/plan">
         &larr; Back
       </Link>
-      <h2>Geocoding progress</h2>
+      <h2 className="text-zinc-700">Geocoding progress</h2>
       <div className="pb-6">{getElementsByStatus(stats.status)}</div>
       <progress className="h-16 w-full" value={progress}>
         {progress}%
diff --git a/src/pages/Plan.jsx b/src/pages/Plan.jsx
index 4f802c9..6f9e677 100644
--- a/src/pages/Plan.jsx
+++ b/src/pages/Plan.jsx
@@ -18,7 +18,7 @@ export default function Plan() {
       <Link type="back-button" to="/wkid">
         &larr; Back
       </Link>
-      <h2>The plan</h2>
+      <h2 className="text-zinc-700">The plan</h2>
       <section className="mb-10 flex w-full items-stretch justify-around divide-x-2 divide-gray-100 rounded-lg border text-center shadow-lg">
         <div className="flex-1 p-6">
           <h2 className="my-0 text-indigo-600">{numberFormat.format(geocodeContext.data.totalRecords)}</h2>
@@ -29,7 +29,7 @@ export default function Plan() {
           <span className="block text-base text-gray-400">to complete</span>
         </div>
       </section>
-      <h3 className="text-center truncate px-4">{geocodeContext.data.file.name}</h3>
+      <h3 className="text-center truncate px-4 text-zinc-700">{geocodeContext.data.file.name}</h3>
       <button onClick={start} type="button">
         Start
       </button>
diff --git a/src/pages/Wkid.jsx b/src/pages/Wkid.jsx
index 6ec4d6d..bebb88e 100644
--- a/src/pages/Wkid.jsx
+++ b/src/pages/Wkid.jsx
@@ -27,7 +27,7 @@ export default function Wkid() {
       <Link type="back-button" to="/data">
         &larr; Back
       </Link>
-      <h2>Choose your spatial reference</h2>
+      <h2 className="text-zinc-700">Choose your spatial reference</h2>
       <p className="mb-2 text-base">
         The way the coordinates are returned from the API can vary based on the spatial reference. They can be returned
         as meters, feet, or decimal degrees. Below are the three most used spatial references. If you require something