Modifies issue row when no issue is associated with the active branch

(#4332)

Author: sergeibbb

src/webviews/apps/plus/home/components/branch-card.ts

@@ -189,7 +189,8 @@ export const branchCardStyles = css`
 	}
 
 	.branch-item__missing {
-		--button-foreground: inherit;
+		color: var(--vscode-descriptionForeground);
+		font-style: italic;
 	}
 
 	.branch-item__is-narrow {
@@ -918,16 +919,23 @@ export abstract class GlBranchCardBase extends GlElement {
 		if (!issues.length) {
 			if (!this.expanded) return nothing;
 
-			return html`<gl-button
-				class="branch-item__missing"
-				appearance="secondary"
-				full
-				href=${this.createCommandLink<AssociateIssueWithBranchCommandArgs>('gitlens.associateIssueWithBranch', {
-					branch: this.branch.reference,
-					source: 'home',
-				})}
-				>Associate an Issue</gl-button
-			>`;
+			return html`<div class="branch-item__row" full>
+				<span class="branch-item__missing" full>Current work item</span>
+				<gl-tooltip hoist content="Associate an issue">
+					<a
+						class="branch-item__missing"
+						appearance="secondary"
+						href=${this.createCommandLink<AssociateIssueWithBranchCommandArgs>(
+							'gitlens.associateIssueWithBranch',
+							{
+								branch: this.branch.reference,
+								source: 'home',
+							},
+						)}
+						><span class="branch-item__icon"> <issue-icon></issue-icon> </span
+					></a>
+				</gl-tooltip>
+			</div>`;
 		}
 
 		const indicator: GlCard['indicator'] = this.branch.opened ? 'base' : undefined;