From 2cfb9779d6fa62330fdd124bfcbf434eefbe2014 Mon Sep 17 00:00:00 2001
From: Aaron <aaron@pikit.local>
Date: Sat, 13 Dec 2025 14:36:29 -0500
Subject: [PATCH] Onboarding: center CTA, move CA download into install section

---
 pikit-web/onboarding/index.html | 18 ++++++++++--------
 pikit-web/onboarding/style.css  | 15 +++++++++++++++
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/pikit-web/onboarding/index.html b/pikit-web/onboarding/index.html
index 7713817..1ffd56e 100644
--- a/pikit-web/onboarding/index.html
+++ b/pikit-web/onboarding/index.html
@@ -19,13 +19,6 @@
         can manage Pi-Kit safely.
       </p>
 
-      <section class="actions">
-        <button id="continueBtn">Continue to secure dashboard</button>
-        <a class="ghost" id="downloadCa" href="http://pikit.local/assets/pikit-ca.crt" download>
-          Download Pi-Kit CA
-        </a>
-      </section>
-
       <section class="steps">
         <h3>Why switch to HTTPS?</h3>
         <ul>
@@ -46,7 +39,12 @@
 
       <section class="steps">
         <h3>Install the Pi-Kit CA (recommended, one-time)</h3>
-        <p>This removes future warnings for the Pi-Kit dashboard.</p>
+        <div class="ca-download">
+          <p>This removes future warnings for the Pi-Kit dashboard.</p>
+          <a class="ghost download-inline" id="downloadCa" href="http://pikit.local/assets/pikit-ca.crt" download>
+            Download Pi-Kit CA
+          </a>
+        </div>
         <details>
           <summary>Windows</summary>
           <p>Run <strong>mmc</strong> → Add/Remove Snap-in → Certificates (Computer) → Trusted Root CAs → Import <em>pikit-ca.crt</em>.</p>
@@ -77,6 +75,10 @@
         </details>
       </section>
 
+      <section class="actions">
+        <button id="continueBtn">Go to secure dashboard</button>
+      </section>
+
       <p class="footnote">Once trusted, this page will auto-forward you to the secure dashboard.</p>
     </main>
 
diff --git a/pikit-web/onboarding/style.css b/pikit-web/onboarding/style.css
index e9d1338..2184681 100644
--- a/pikit-web/onboarding/style.css
+++ b/pikit-web/onboarding/style.css
@@ -136,6 +136,21 @@ a.ghost {
   text-align: center;
 }
 
+.ca-download {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.download-inline {
+  width: auto;
+  padding: 8px 12px;
+  font-size: 0.95rem;
+  background: rgba(255, 255, 255, 0.06);
+}
+
 button.copy {
   margin-left: 8px;
   background: rgba(255, 255, 255, 0.05);