Merge pull request #35 from naturallaw777/copilot/improve-port-forwarding-ui

Improve port forwarding panel readability: remove scroll cap, increase table font size

app/sovran_systemsos_web/static/style.css

@@ -1862,6 +1862,10 @@ button.btn-reboot:hover:not(:disabled) {
   overflow-y: auto;
 }
 
+.onboarding-card--ports {
+  overflow-y: visible;
+}
+
 .onboarding-body-text {
   font-size: 0.92rem;
   color: var(--text-secondary);
@@ -2121,13 +2125,13 @@ button.btn-reboot:hover:not(:disabled) {
   width: 100%;
   border-collapse: collapse;
   margin-top: 10px;
-  font-size: 0.82rem;
+  font-size: 0.92rem;
 }
 
 .onboarding-port-table th {
   text-align: left;
-  padding: 4px 8px;
+  padding: 6px 10px;
-  font-size: 0.72rem;
+  font-size: 0.8rem;
   text-transform: uppercase;
   letter-spacing: 0.06em;
   color: var(--text-dim);
@@ -2135,7 +2139,7 @@ button.btn-reboot:hover:not(:disabled) {
 }
 
 .onboarding-port-table td {
-  padding: 4px 8px;
+  padding: 8px 10px;
   vertical-align: top;
 }
 

app/sovran_systemsos_web/templates/onboarding.html

@@ -99,7 +99,7 @@
             <strong>Ports 80 and 443 must be open for SSL certificates to work.</strong>
           </p>
         </div>
-        <div class="onboarding-card onboarding-card--scroll" id="step-3-body">
+        <div class="onboarding-card onboarding-card--ports" id="step-3-body">
           <p class="onboarding-loading">Checking ports…</p>
         </div>
         <div class="onboarding-footer">

onboarding.html

@@ -99,7 +99,7 @@
             <strong>Ports 80 and 443 must be open for SSL certificates to work.</strong>
           </p>
         </div>
-        <div class="onboarding-card onboarding-card--scroll" id="step-3-body">
+        <div class="onboarding-card onboarding-card--ports" id="step-3-body">
           <p class="onboarding-loading">Checking ports…</p>
         </div>
         <div class="onboarding-footer">