diff --git a/routes/_components/profile/AccountProfileMeta.html b/routes/_components/profile/AccountProfileMeta.html
index 4cc21751..4ddc6447 100644
--- a/routes/_components/profile/AccountProfileMeta.html
+++ b/routes/_components/profile/AccountProfileMeta.html
@@ -1,8 +1,8 @@
-{#if emojifiedFields.length}
+{#if massagedFields.length}
Fields
@@ -25,7 +32,7 @@
.account-profile-meta {
grid-area: meta;
display: grid;
- grid-template-columns: max-content 1fr;
+ grid-template-columns: max-content 1fr min-content;
grid-row-gap: 5px;
align-items: center;
padding: 10px 0;
@@ -34,7 +41,7 @@
.account-profile-meta-border {
height: 1px;
width: 100%;
- grid-column: 1 / 3;
+ grid-column: 1 / 4;
background: var(--main-border);
justify-self: center;
}
@@ -47,6 +54,12 @@
font-size: 1.1em;
}
+ .account-profile-meta-verified-svg {
+ width: 24px;
+ height: 24px;
+ fill: var(--svg-fill);
+ }
+
.account-profile-meta-name {
padding: 10px 20px 10px 0;
text-transform: uppercase;
@@ -92,9 +105,10 @@
computed: {
emojis: ({ account }) => account.emojis || [],
fields: ({ account }) => account.fields || [],
- emojifiedFields: ({ fields, emojis, $autoplayGifs }) => (fields.map(field => ({
+ massagedFields: ({ fields, emojis, $autoplayGifs }) => (fields.map(field => ({
name: field.name,
- value: emojifyText(field.value, emojis, $autoplayGifs)
+ value: emojifyText(field.value, emojis, $autoplayGifs),
+ verified: !!field.verified_at
})))
}
}