Polish subscription profile controls and status styling

src/shared/versions.ts

@@ -1,6 +1,6 @@
 export const HARBOR_VERSIONS = Object.freeze({
-  macClient: '0.23.10',
-  gatewayClient: '0.24.10',
+  macClient: '0.23.11',
+  gatewayClient: '0.24.11',
   gatewayBackend: '0.24.0',
 });
 

src/web/styles/features/subscription.css

@@ -163,6 +163,8 @@
 .client-profile-delete {
   width: 36px;
   height: 36px;
+  display: grid;
+  place-items: center;
   padding: 0;
   border: 0;
   background: transparent;
@@ -364,6 +366,9 @@
 }
 
 .client-profile-activate {
+  font: var(--type-micro);
+  letter-spacing: var(--type-micro-tracking);
+  text-transform: var(--type-micro-transform);
   white-space: nowrap;
 }
 
@@ -428,6 +433,13 @@
   border-bottom-color: oklch(0.68 0.15 28);
 }
 
+.client-profile-form-status {
+  color: oklch(0.68 0.15 28);
+  font: var(--type-control);
+  letter-spacing: var(--type-control-tracking);
+  text-transform: var(--type-control-transform);
+}
+
 .client-profile-form-actions {
   display: flex;
   justify-content: flex-end;