Refine paywall vertical spacing and footer placement.

Balance section gaps with equal flexible spacers and adjust top/bottom insets so the screen fills more professionally with cleaner footer alignment.

Made-with: Cursor

classroom_app/ViewController.swift

@@ -2637,7 +2637,8 @@ private extension ViewController {
         let contentStack = NSStackView()
         contentStack.translatesAutoresizingMaskIntoConstraints = false
         contentStack.orientation = .vertical
-        contentStack.spacing = 14
+        contentStack.spacing = 10
+        contentStack.distribution = .fill
         contentStack.alignment = .centerX
         panel.addSubview(contentStack)
         let paywallLayoutWidth: CGFloat = 980
@@ -2717,6 +2718,13 @@ private extension ViewController {
         contentStack.addArrangedSubview(benefitsRow)
         benefitsRow.widthAnchor.constraint(equalTo: contentStack.widthAnchor).isActive = true
 
+        let midTopSpacer = NSView()
+        midTopSpacer.translatesAutoresizingMaskIntoConstraints = false
+        midTopSpacer.setContentHuggingPriority(.defaultLow, for: .vertical)
+        midTopSpacer.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
+        midTopSpacer.heightAnchor.constraint(greaterThanOrEqualToConstant: 8).isActive = true
+        contentStack.addArrangedSubview(midTopSpacer)
+
         let plansRow = NSStackView()
         plansRow.translatesAutoresizingMaskIntoConstraints = false
         plansRow.orientation = .horizontal
@@ -2768,6 +2776,13 @@ private extension ViewController {
         plansRow.widthAnchor.constraint(equalTo: contentStack.widthAnchor).isActive = true
         updatePaywallPlanSelection()
 
+        let midBottomSpacer = NSView()
+        midBottomSpacer.translatesAutoresizingMaskIntoConstraints = false
+        midBottomSpacer.setContentHuggingPriority(.defaultLow, for: .vertical)
+        midBottomSpacer.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
+        midBottomSpacer.heightAnchor.constraint(greaterThanOrEqualToConstant: 8).isActive = true
+        contentStack.addArrangedSubview(midBottomSpacer)
+
         let offer = textLabel(paywallOfferText(for: selectedPremiumPlan), font: NSFont.systemFont(ofSize: 13, weight: .semibold), color: palette.textPrimary)
         offer.alignment = .center
         paywallOfferLabel = offer
@@ -2822,6 +2837,15 @@ private extension ViewController {
             secure.bottomAnchor.constraint(equalTo: secureWrap.bottomAnchor, constant: -4)
         ])
 
+        let footerTopSpacer = NSView()
+        footerTopSpacer.translatesAutoresizingMaskIntoConstraints = false
+        contentStack.addArrangedSubview(footerTopSpacer)
+        footerTopSpacer.setContentHuggingPriority(.defaultLow, for: .vertical)
+        footerTopSpacer.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
+        footerTopSpacer.heightAnchor.constraint(greaterThanOrEqualToConstant: 8).isActive = true
+        midTopSpacer.heightAnchor.constraint(equalTo: midBottomSpacer.heightAnchor).isActive = true
+        midBottomSpacer.heightAnchor.constraint(equalTo: footerTopSpacer.heightAnchor).isActive = true
+
         let footer = paywallFooterLinks()
         contentStack.addArrangedSubview(footer)
         footer.widthAnchor.constraint(equalTo: contentStack.widthAnchor).isActive = true
@@ -2829,8 +2853,8 @@ private extension ViewController {
         NSLayoutConstraint.activate([
             contentStack.centerXAnchor.constraint(equalTo: panel.centerXAnchor),
             contentStack.widthAnchor.constraint(equalToConstant: paywallLayoutWidth),
-            contentStack.topAnchor.constraint(equalTo: panel.topAnchor, constant: 20),
-            contentStack.bottomAnchor.constraint(lessThanOrEqualTo: panel.bottomAnchor, constant: -16)
+            contentStack.topAnchor.constraint(equalTo: panel.topAnchor, constant: 30),
+            contentStack.bottomAnchor.constraint(equalTo: panel.bottomAnchor, constant: -20)
         ])
 
         refreshPaywallStoreUI()
@@ -2942,7 +2966,7 @@ private extension ViewController {
     func paywallFooterLinks() -> NSView {
         let wrap = NSView()
         wrap.translatesAutoresizingMaskIntoConstraints = false
-        wrap.heightAnchor.constraint(equalToConstant: 34).isActive = true
+        wrap.heightAnchor.constraint(equalToConstant: 56).isActive = true
 
         let row = NSStackView()
         row.translatesAutoresizingMaskIntoConstraints = false
@@ -2959,8 +2983,8 @@ private extension ViewController {
         NSLayoutConstraint.activate([
             row.leadingAnchor.constraint(equalTo: wrap.leadingAnchor),
             row.trailingAnchor.constraint(equalTo: wrap.trailingAnchor),
-            row.topAnchor.constraint(equalTo: wrap.topAnchor),
-            row.bottomAnchor.constraint(equalTo: wrap.bottomAnchor)
+            row.topAnchor.constraint(greaterThanOrEqualTo: wrap.topAnchor),
+            row.bottomAnchor.constraint(equalTo: wrap.bottomAnchor, constant: -4)
         ])
 
         return wrap