fix: add margin-block to global search button (#192)

cristinecula · web-flow · commit fe97f39758ac · 2026-02-11T15:39:00.000+02:00
Add a .global-search class to the 'Click to search again but globally'
button and apply margin-block: calc(var(--cz-spacing) * 4) for proper
vertical spacing.
diff --git a/src/cosmoz-treenode-navigator.styles.ts b/src/cosmoz-treenode-navigator.styles.ts
@@ -102,4 +102,8 @@ export default css`
 	.path > .pointer:has(~ .pointer:hover) {
 		text-decoration: underline;
 	}
+
+	.global-search {
+		margin-block: calc(var(--cz-spacing) * 4);
+	}
 `;
diff --git a/src/cosmoz-treenode-navigator.ts b/src/cosmoz-treenode-navigator.ts
@@ -385,6 +385,7 @@ const NodeNavigator = ({
 			search && openNodePath,
 			() => html`
 				<cosmoz-button
+					class="global-search"
 					variant="link"
 					full-width
 					data-testid="global-search-button"

Original file line number	Diff line number	Diff line change
@@ -102,4 +102,8 @@ export default css`
`102`	`102`	`.path > .pointer:has(~ .pointer:hover) {`
`103`	`103`	`text-decoration: underline;`
`104`	`104`	`}`
	`105`	`+`
	`106`	`+ .global-search {`
	`107`	`+ margin-block: calc(var(--cz-spacing) * 4);`
	`108`	`+ }`
`105`	`109`	`;