From 77deed91a6dc503704d4585175985892c8f0b4e5 Mon Sep 17 00:00:00 2001
From: Yarmo Mackenbach <yarmo@qivro.xyz>
Date: Sat, 27 Jun 2020 21:03:49 +0200
Subject: [PATCH] Fix styling for profileDataItem without label

---
 assets/scripts.js | 10 +++++-----
 assets/styles.css |  3 +++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/assets/scripts.js b/assets/scripts.js
index 03d5467..bff0125 100644
--- a/assets/scripts.js
+++ b/assets/scripts.js
@@ -194,7 +194,7 @@ async function displayProfile(opts) {
     console.log(keyData);
 
     // Generate feedback
-    feedback += `<div class="profileDataItem profileDataItem--separator">`;
+    feedback += `<div class="profileDataItem profileDataItem--separator profileDataItem--noLabel">`;
     feedback += `<div class="profileDataItem__label"></div>`;
     feedback += `<div class="profileDataItem__value">general information</div>`;
     feedback += `</div>`;
@@ -209,7 +209,7 @@ async function displayProfile(opts) {
     feedback += `<div class="profileDataItem__value"><a href="https://keys.openpgp.org/pks/lookup?op=get&options=mr&search=0x${keyData.fingerprint}">${keyData.fingerprint}</a></div>`;
     feedback += `</div>`;
 
-    feedback += `<div class="profileDataItem profileDataItem--separator">`;
+    feedback += `<div class="profileDataItem profileDataItem--separator profileDataItem--noLabel">`;
     feedback += `<div class="profileDataItem__label"></div>`;
     feedback += `<div class="profileDataItem__value">proofs</div>`;
     feedback += `</div>`;
@@ -227,15 +227,15 @@ async function displayProfile(opts) {
         feedback += `</div>`;
     }
 
-    feedback += `<div class="profileDataItem profileDataItem--separator">`;
+    feedback += `<div class="profileDataItem profileDataItem--separator profileDataItem--noLabel">`;
     feedback += `<div class="profileDataItem__label"></div>`;
     feedback += `<div class="profileDataItem__value">actions</div>`;
     feedback += `</div>`;
-    feedback += `<div class="profileDataItem">`;
+    feedback += `<div class="profileDataItem profileDataItem--noLabel">`;
     feedback += `<div class="profileDataItem__label"></div>`;
     feedback += `<div class="profileDataItem__value"><a href="/verify/${keyData.fingerprint}">verify signature</a></div>`;
     feedback += `</div>`;
-    feedback += `<div class="profileDataItem">`;
+    feedback += `<div class="profileDataItem profileDataItem--noLabel">`;
     feedback += `<div class="profileDataItem__label"></div>`;
     feedback += `<div class="profileDataItem__value"><a href="/encrypt/${keyData.fingerprint}">encrypt message</a></div>`;
     feedback += `</div>`;
diff --git a/assets/styles.css b/assets/styles.css
index 7029fff..695b59d 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -166,4 +166,7 @@ a.proofUrl:hover {
     .profileDataItem__value {
         min-height: 28px;
     }
+	.profileDataItem--noLabel .profileDataItem__label {
+		display: none;
+	}
 }