From b48b218ee84fdb606e97636da47d0721b732ae69 Mon Sep 17 00:00:00 2001
From: Marcus Noble <github@marcusnoble.co.uk>
Date: Sun, 27 Jul 2025 12:02:55 +0100
Subject: [PATCH] Updated style and included issues and PRs

Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>
---
 src/index.html |  1 +
 src/script.js  | 13 +++++++------
 src/style.css  | 28 ++++++++++++++++++++++++----
 3 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/index.html b/src/index.html
index bf27323..5277ec3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -26,6 +26,7 @@
         <div id="status"></div>
 
         <div id="result"></div>
+        <div id="subResult"></div>
         <details id="rawResultsWrapper" class="hidden">
           <summary>Raw results</summary>
           <pre id="rawResults"></pre>
diff --git a/src/script.js b/src/script.js
index fba8f8d..808ed7c 100644
--- a/src/script.js
+++ b/src/script.js
@@ -1,6 +1,7 @@
 const btn = document.querySelector("#find");
 const gh = document.querySelector("#github");
 const result = document.querySelector("#result");
+const subResult = document.querySelector("#subResult");
 const status = document.querySelector("#status");
 
 const rawResultsWrapper = document.querySelector("#rawResultsWrapper");
@@ -35,13 +36,13 @@ function find() {
     .then(data => {
       statusUpdate("", "info");
       let score = data.contributions;
-      if (score) {
-        result.innerHTML = score;
-        rawResults.innerText = JSON.stringify(data, "", 2)
-        rawResultsWrapper.classList.remove('hidden');
-      } else {
-        statusUpdate(`Failed to get devstats score for '${user}'`, "error");
+      if (!score) {
+        statusUpdate(`Failed to get devstats score for '${user}'.\nEither user doesn't exist or no contributions recorded.`, "error");
       }
+      result.innerHTML = score;
+      subResult.innerHTML = `Issues: ${data.issues} | PRs: ${data.prs}`;
+      rawResults.innerText = JSON.stringify(data, "", 2)
+      rawResultsWrapper.classList.remove('hidden');
     })
     .catch(err => {
       statusUpdate(`Failed to get devstats score for '${user}'`, "error");
diff --git a/src/style.css b/src/style.css
index 5cd3c41..95cfb62 100644
--- a/src/style.css
+++ b/src/style.css
@@ -99,6 +99,7 @@ input {
 #status {
   height: 22px;
   margin: 8px;
+  text-align: center;
 }
 
 #status.info {
@@ -114,11 +115,30 @@ input {
   font-style: normal;
   font-weight: bold;
   font-size: 70px;
-  margin: 0.5em;
+  margin: 0.2em;
   height: 100px;
 }
 
-#rawResultsWrapper {
-  max-width: 90vw;
-  overflow-x: scroll;
+#subResult {
+  font-family: HK Grotesk;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 20px;
+  margin: 0em;
+  height: 30px;
+}
+
+#rawResultsWrapper {
+  margin-top: 2em;
+  overflow-x: scroll;
+  width: 100%;
+  text-align: center;
+}
+
+#rawResultsWrapper summary {
+  cursor: pointer;
+}
+
+#rawResultsWrapper pre {
+  text-align: left;
 }