diff --git a/src/home/rendering/render-github-notifications.ts b/src/home/rendering/render-github-notifications.ts index e7eefd8..f41c1fd 100644 --- a/src/home/rendering/render-github-notifications.ts +++ b/src/home/rendering/render-github-notifications.ts @@ -98,8 +98,11 @@ function setUpIssueElement(issueElement: HTMLDivElement, notification: GitHubAgg

${notification.notification.subject.title}

-

${organizationName}

-

${repositoryName}

+
+

${organizationName}

+

${repositoryName}

+
+

#${notification.notification.subject.url.split("/").slice(-1)}

diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css index 1caa1f1..1272273 100644 --- a/static/style/inverted-style.css +++ b/static/style/inverted-style.css @@ -291,10 +291,10 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - margin-top: 2px; - } - .text-info > .partner > * { - display: inline-block; + display: flex; + align-items: start; + padding: 6px 0px 8px 0px; + gap: 4px; } body { display: flex; @@ -445,6 +445,11 @@ .partner { margin-top: 0; } + .full-repo-name { + display: unset; + display: flex; + width: auto; + } .issue-element-inner > * { max-width: unset; } diff --git a/static/style/style.css b/static/style/style.css index 95ade75..89a2297 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -291,10 +291,10 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - margin-top: 2px; - } - .text-info > .partner > * { - display: inline-block; + display: flex; + align-items: start; + padding: 6px 0px 8px 0px; + gap: 4px; } body { display: flex; @@ -445,6 +445,11 @@ .partner { margin-top: 0; } + .full-repo-name { + display: unset; + display: flex; + width: auto; + } .issue-element-inner > * { max-width: unset; }