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 @@
+
Raw results
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;
}