From 9ea36aa49294d911f9a32430900f88b680c16a14 Mon Sep 17 00:00:00 2001
From: zugdev <zug.dev@proton.me>
Date: Tue, 17 Dec 2024 13:30:21 -0300
Subject: [PATCH] feat: add issue number and format

---
 src/home/rendering/render-github-notifications.ts |  7 +++++--
 static/style/inverted-style.css                   | 13 +++++++++----
 static/style/style.css                            | 13 +++++++++----
 3 files changed, 23 insertions(+), 10 deletions(-)

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
           <h3>${notification.notification.subject.title}</h3>
         </div>
         <div class="partner">
-          <p class="organization-name">${organizationName}</p>
-          <p class="repository-name">${repositoryName}</p>
+          <div class="full-repo-name">
+            <p class="organization-name">${organizationName}</p>
+            <p class="repository-name">${repositoryName}</p>
+          </div>
+          <p class="issue-number">#${notification.notification.subject.url.split("/").slice(-1)}</p>
         </div>
       </div>
     </div>
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;
     }