Updates snooze labelling

src/webviews/apps/plus/focus/components/common.css.ts

@@ -91,6 +91,7 @@ export const rowBaseStyles = css`
 	.date {
 		display: inline-block;
 		min-width: 1.6rem;
+		line-height: 2.4rem;
 	}
 
 	.icon {

src/webviews/apps/plus/focus/components/focus-app.ts

@@ -33,7 +33,7 @@ export class GlFocusApp extends LitElement {
 		{ label: 'All', value: '' },
 		{ label: 'PRs', value: 'prs' },
 		{ label: 'Issues', value: 'issues' },
-		{ label: 'Later', value: 'snoozed' },
+		{ label: 'Snoozed', value: 'snoozed' },
 	];
 	private readonly mineFilters = ['authored', 'assigned', 'review-requested', 'mentioned'];
 	private readonly mineFilterOptions = [

src/webviews/apps/plus/focus/components/gk-issue-row.ts

@@ -78,7 +78,7 @@ export class GkIssueRow extends LitElement {
 							@click="${this.onPinClick}"
 							><code-icon icon="pinned"></code-icon
 						></a>
-						<span>Pin</span>
+						<span>${this.pinned ? 'Unpin' : 'Pin'}</span>
 					</gk-tooltip>
 					<gk-tooltip>
 						<a
@@ -88,7 +88,7 @@ export class GkIssueRow extends LitElement {
 							@click="${this.onSnoozeClick}"
 							><code-icon icon="${this.snoozed ? 'bell' : 'bell-slash'}"></code-icon
 						></a>
-						<span>Mark for Later</span>
+						<span>${this.snoozed ? 'Unsnooze' : 'Snooze'}</span>
 					</gk-tooltip>
 				</span>
 				<span slot="date">

src/webviews/apps/plus/focus/components/gk-pull-request-row.ts

@@ -114,7 +114,7 @@ export class GkPullRequestRow extends LitElement {
 							@click="${this.onPinClick}"
 							><code-icon icon="pinned"></code-icon
 						></a>
-						<span>${this.pinned ? 'Unpinned' : 'Pin'}</span>
+						<span>${this.pinned ? 'Unpin' : 'Pin'}</span>
 					</gk-tooltip>
 					<gk-tooltip>
 						<a
@@ -124,7 +124,7 @@ export class GkPullRequestRow extends LitElement {
 							@click="${this.onSnoozeClick}"
 							><code-icon icon="${this.snoozed ? 'bell' : 'bell-slash'}"></code-icon
 						></a>
-						<span>${this.snoozed ? 'Watch' : 'Mark for Later'}</span>
+						<span>${this.snoozed ? 'Unsnooze' : 'Snooze'}</span>
 					</gk-tooltip>
 				</span>
 				<span slot="date">

src/webviews/apps/plus/focus/focus.scss

@@ -39,7 +39,7 @@ body {
 	--gk-tooltip-padding: 0.4rem 0.8rem;
 	--gk-focus-background-color-hover: var(--background-05);
 	--gk-divider-color: var(--background-05);
-	--gk-focus-row-pin-min-width: 52px;
+	--gk-focus-row-pin-min-width: 64px;
 }
 
 .vscode-high-contrast,