From 98e4f596996f3375d8a135000f2c755cd60e9184 Mon Sep 17 00:00:00 2001
From: KiddyTheKid <pcost8300@protonmail.com>
Date: Fri, 25 Dec 2020 21:46:56 -0500
Subject: [PATCH] Css Style, modified background and primary tag for email.

---
 static/scripts.js |  2 +-
 static/styles.css | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/static/scripts.js b/static/scripts.js
index 4ba4ae2..a7301d5 100644
--- a/static/scripts.js
+++ b/static/scripts.js
@@ -369,7 +369,7 @@ async function displayProfile(opts) {
             feedback += `<div class="profileDataItem profileDataItem--separator profileDataItem--noLabel">`;
             feedback += `<div class="profileDataItem__label"></div>`;
             // feedback += `<div class="profileDataItem__value"><a href="mailto:${keyData.users[i].userId.email}">${keyData.users[i].userId.email}</a> (primary)</div>`;
-            feedback += `<div class="profileDataItem__value">${keyData.users[i].userId.email} (primary)</div>`;
+            feedback += `<div class="profileDataItem__value">${keyData.users[i].userId.email} <small class="primary">primary</small></div>`;
             feedback += `</div>`;
 
             if (userId.length === 0) {
diff --git a/static/styles.css b/static/styles.css
index de58c77..6ee0047 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -303,6 +303,7 @@ select {
 #profileData {
     background-color: #dceef957;
     padding: 15px;
+    border-radius: 15px;
 }
 
 .profileDataItem {
@@ -346,6 +347,16 @@ select {
     overflow: hidden;
     text-overflow: ellipsis;
 }
+
+.profileDataItem__value small {
+    color: white;
+    background: #2178ff;
+    border-radius: 6px;
+    padding: 2.8px 5px;
+    font-size: 0.65em;
+    vertical-align: middle;
+}
+
 a.proofUrl {
     color: #777;
 }