diff --git a/src/popup/components/FocusView.tsx b/src/popup/components/FocusView.tsx
index b54f279..228abff 100644
--- a/src/popup/components/FocusView.tsx
+++ b/src/popup/components/FocusView.tsx
@@ -44,22 +44,25 @@ const PullRequestRow = ({ userId, pullRequest, provider, draftCount = 0 }: PullR
return (
<>
-
{pullRequest.title}
-
{pullRequest.repository.name}
-
+
{
+ if (!pullRequest.url) {
+ return;
+ }
+
// Since there is a decent chance that the PR will be acted upon after the user clicks on it,
// mark the focus view data as stale so that it will be refetched when the user returns.
void queryClient.invalidateQueries({ queryKey: [userId, 'focusViewData', provider] });
}}
title={`View pull request on ${ProviderMeta[provider].name}`}
>
- #{pullRequest.number}
+ #{pullRequest.number} {pullRequest.title}
+
{pullRequest.repository.name}
{deepLinkUrl && (
diff --git a/static/popup.css b/static/popup.css
index b3a21ae..0f4d3fc 100644
--- a/static/popup.css
+++ b/static/popup.css
@@ -249,14 +249,11 @@ html {
margin-right: 12px;
}
.focus-view .pull-request-bucket .pull-request .pull-request-title {
- width: 274;
+ width: 350px;
}
.focus-view .pull-request-bucket .pull-request .repository-name {
width: 148px;
}
-.focus-view .pull-request-bucket .pull-request .pull-request-number {
- width: 64px;
-}
.focus-view .pull-request-bucket .pr-drafts-badge {
border: 1px solid var(--color-border-input);
border-radius: 12px;