more ui

index.html

@@ -137,10 +137,10 @@
       letter-spacing: -0.02em;
     }
     
-    .cards-wrapper { 
-      display: grid; 
-      gap: calc(var(--spacing-unit) * 3); 
-      grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr)); 
+    .cards-wrapper {
+      display: grid;
+      gap: calc(var(--spacing-unit) * 6);
+      grid-template-columns: 1fr;
     }
 
     .card { 
@@ -367,7 +367,7 @@
         <h2 id="step1">1. Keys</h2>
         <div class="card-content">
           <div class="controls" style="margin-top: 0;">
-            <p id="keygenStatus" class="status" aria-live="polite">Generate new keys (a few minutes on first run)</p>
+            <p id="keygenStatus" class="status" aria-live="polite">Generate new keys and send them to the server (requires a 130MB upload). Keys can then be loaded (instantly).</p>
             <span id="keygenSpin" class="loader" hidden aria-label="Generating keys"></span>
           </div>
           <div style="display:flex; gap:var(--spacing-unit); margin-top:auto">