Merge pull request #137 from naturallaw777/copilot/fix-onboarding-visual-consistency

Fix onboarding wizard: consistent card styling, footer spacing, and password description

app/sovran_systemsos_web/static/css/onboarding.css

@@ -153,10 +153,6 @@
   scrollbar-color: var(--border-color) transparent;
 }
 
-.onboarding-card--ports {
-  overflow: visible;
-}
-
 /* Body text */
 
 .onboarding-body-text {
@@ -228,7 +224,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding-top: 4px;
+  padding-top: 16px;
 }
 
 .onboarding-btn-next {

app/sovran_systemsos_web/templates/onboarding.html

@@ -78,7 +78,7 @@
           <span class="onboarding-step-icon">🔒</span>
           <h2 class="onboarding-step-title">Create Your Password</h2>
           <p class="onboarding-step-desc">
-            Choose a strong password for your <strong>'free'</strong> user account. This will be your login password for the desktop, SSH, and the Hub.
+            Choose a strong password for your <strong>'free'</strong> user account.
           </p>
         </div>
         <div class="onboarding-card" id="step-2-body">
@@ -127,7 +127,7 @@
             <strong>Ports 80 and 443 must be open for SSL certificates to work.</strong>
           </p>
         </div>
-        <div class="onboarding-card onboarding-card--ports" id="step-4-body">
+        <div class="onboarding-card onboarding-card--scroll" id="step-4-body">
           <p class="onboarding-loading">Checking ports…</p>
         </div>
         <div class="onboarding-footer">