style(desktop): align source card controls

Author: mohammedahmed18

apps/desktop/src/component-theme-contract.test.js

@@ -241,4 +241,36 @@ describe("desktop component theme contract", () => {
 
     expectNoRawShadowValues(darkSharedActive);
   });
+
+  it("centers compact source-card controls without broad span overrides", () => {
+    const sourceReadyCopy = cssBlock(".source-ready-card strong,\n.source-ready-card > div > span");
+    const sourceReadyControls = cssBlock(
+      ".source-ready-card .status-pill,\n.source-ready-card .secondary-button.compact,\n.connector-choice-card .primary-button.compact,\n.connector-choice-card .secondary-button.compact,\n.mount-details-button",
+    );
+    const sourceReadyControlIcons = cssBlock(
+      ".source-ready-card .secondary-button.compact svg,\n.connector-choice-card .primary-button.compact svg,\n.connector-choice-card .secondary-button.compact svg,\n.mount-details-button svg",
+    );
+    const sourceReadyButtonText = cssBlock(
+      ".source-ready-card .secondary-button.compact span,\n.connector-choice-card .primary-button.compact span,\n.connector-choice-card .secondary-button.compact span",
+    );
+
+    expect(styles).not.toMatch(/\.source-ready-card strong,\s*\.source-ready-card span\s*\{/);
+    expect(sourceReadyCopy).toContain("display: block;");
+    expect(sourceReadyControls).toContain("display: inline-flex;");
+    expect(sourceReadyControls).toContain("align-items: center;");
+    expect(sourceReadyControls).toContain("justify-content: center;");
+    expect(sourceReadyControls).toContain("line-height: 1;");
+    expect(sourceReadyControlIcons).toContain("flex: 0 0 auto;");
+    expect(sourceReadyControlIcons).toContain("width: 13px;");
+    expect(sourceReadyControlIcons).toContain("height: 13px;");
+    expect(sourceReadyButtonText).toContain("display: inline-flex;");
+    expect(sourceReadyButtonText).toContain("align-items: center;");
+    expect(sourceReadyButtonText).toContain("line-height: 1;");
+  });
+
+  it("keeps collapsed sidebar navigation spaced below the mark", () => {
+    const collapsedNav = cssBlock(".sidebar-collapsed .sidebar nav");
+
+    expect(collapsedNav).toContain("margin-top: 10px;");
+  });
 });

apps/desktop/src/styles.css

@@ -2066,7 +2066,7 @@ p {
 
 .sidebar-collapsed .sidebar nav {
   justify-items: center;
-  margin-top: 0;
+  margin-top: 10px;
 }
 
 .sidebar-collapsed .sidebar-link {
@@ -2688,7 +2688,7 @@ button.home-stat:hover {
 }
 
 .source-ready-card strong,
-.source-ready-card span {
+.source-ready-card > div > span {
   display: block;
   min-width: 0;
   overflow: hidden;
@@ -2701,13 +2701,43 @@ button.home-stat:hover {
   font-size: 13px;
 }
 
-.source-ready-card span {
+.source-ready-card > div > span {
   margin-top: 2px;
   color: var(--muted);
   font-size: 11px;
   font-weight: 760;
 }
 
+.source-ready-card .status-pill,
+.source-ready-card .secondary-button.compact,
+.connector-choice-card .primary-button.compact,
+.connector-choice-card .secondary-button.compact,
+.mount-details-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  white-space: nowrap;
+}
+
+.source-ready-card .secondary-button.compact svg,
+.connector-choice-card .primary-button.compact svg,
+.connector-choice-card .secondary-button.compact svg,
+.mount-details-button svg {
+  flex: 0 0 auto;
+  width: 13px;
+  height: 13px;
+}
+
+.source-ready-card .secondary-button.compact span,
+.connector-choice-card .primary-button.compact span,
+.connector-choice-card .secondary-button.compact span {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  line-height: 1;
+}
+
 .mount-card {
   display: grid;
   gap: 10px;