Updates row type

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

@@ -75,8 +75,11 @@ export class GkIssueRow extends LitElement {
 				font-size: 1.6rem;
 			}
 
-			.deemphasize {
+			.row-type {
+				--gk-badge-outline-padding: 0.3rem 0.8rem;
+				--gk-badge-font-size: 1.1rem;
 				opacity: 0.5;
+				vertical-align: middle;
 			}
 
 			.title {
@@ -132,7 +135,7 @@ export class GkIssueRow extends LitElement {
 						<gk-badge>pending suggestions</gk-badge> -->
 					</p>
 					<p>
-						<gk-badge variant="outline" class="deemphasize">Issue</gk-badge>
+						<gk-badge variant="outline" class="row-type">Issue</gk-badge>
 						<gk-tooltip
 							><gk-tag variant="ghost" slot="trigger">
 								<span slot="prefix"><code-icon icon="comment-discussion"></code-icon></span>

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

@@ -94,8 +94,11 @@ export class GkPullRequestRow extends LitElement {
 				color: var(--color-alert-neutralBorder);
 			}
 
-			.deemphasize {
+			.row-type {
+				--gk-badge-outline-padding: 0.3rem 0.8rem;
+				--gk-badge-font-size: 1.1rem;
 				opacity: 0.5;
+				vertical-align: middle;
 			}
 
 			.title {
@@ -108,7 +111,8 @@ export class GkPullRequestRow extends LitElement {
 			}
 
 			.key {
-				z-index: 1000;
+				z-index: 1;
+				position: relative;
 			}
 		`,
 	];
@@ -223,7 +227,7 @@ export class GkPullRequestRow extends LitElement {
 						<gk-badge>pending suggestions</gk-badge> -->
 					</p>
 					<p>
-						<gk-badge variant="outline" class="deemphasize">PR</gk-badge>
+						<gk-badge variant="outline" class="row-type">PR</gk-badge>
 						<gk-additions-deletions class="add-delete">
 							<span slot="additions">${this.pullRequest.additions}</span>
 							<span slot="deletions">${this.pullRequest.deletions}</span>