Bump Harbor versions and adjust subscribed desktop layout

src/shared/versions.js

@@ -1,6 +1,6 @@
 export const HARBOR_VERSIONS = Object.freeze({
-  macClient: '0.7.18',
-  gatewayClient: '0.7.18',
+  macClient: '0.7.19',
+  gatewayClient: '0.7.19',
   gatewayBackend: '0.7.1',
 });
 

src/web/styles.css

@@ -2079,6 +2079,7 @@ p {
   .client-panel.has-subscription {
     --client-work-height: min(640px, calc(100vh - 120px));
     --client-power-top: calc((var(--client-work-height) - 96px) / 2);
+    transform: translateY(-9vh);
   }
 
   .client-panel.has-subscription .client-power-section {

test/web/responsive-layout-contract.test.js

@@ -24,6 +24,7 @@ test('desktop layout keeps the power control on a symmetric center axis', () =>
   assert.match(styles, /\.client-panel\.has-subscription \.client-form \{[\s\S]*height:\s*var\(--client-work-height\)/);
   assert.match(rule('.client-form-content'), /align-content:\s*start/);
   assert.match(styles, /--client-power-top:\s*calc\(\(var\(--client-work-height\) - 96px\) \/ 2\)/);
+  assert.match(styles, /\.client-panel\.has-subscription \{[\s\S]*transform:\s*translateY\(-9vh\)/);
   assert.match(styles, /\.client-panel\.has-subscription \.client-power-section \{[\s\S]*height:\s*var\(--client-work-height\);[\s\S]*padding-top:\s*var\(--client-power-top\)/);
   assert.match(styles, /\.client-panel\.has-subscription \.client-form-content \{[\s\S]*padding-top:\s*var\(--client-power-top\)/);
 });