From 98303ec5b92c6326380429a383958d1843bdbfc0 Mon Sep 17 00:00:00 2001
From: Nick Colley <nick.colley@hippodigital.co.uk>
Date: Thu, 2 Feb 2023 11:35:08 +0000
Subject: [PATCH] More profile tweaks

---
 .../profile/AccountProfileHeader.html           |  1 +
 .../_components/profile/AccountProfileMeta.html | 17 +++++++++--------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/routes/_components/profile/AccountProfileHeader.html b/src/routes/_components/profile/AccountProfileHeader.html
index 74be67f3..7dcc5308 100644
--- a/src/routes/_components/profile/AccountProfileHeader.html
+++ b/src/routes/_components/profile/AccountProfileHeader.html
@@ -57,6 +57,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     align-self: center;
+    font-size: 1.2em;
   }
 
   .account-profile-name {
diff --git a/src/routes/_components/profile/AccountProfileMeta.html b/src/routes/_components/profile/AccountProfileMeta.html
index 33258673..823b2bb6 100644
--- a/src/routes/_components/profile/AccountProfileMeta.html
+++ b/src/routes/_components/profile/AccountProfileMeta.html
@@ -11,13 +11,11 @@
         {field.name}
       </div>
       <div
-        class="account-profile-meta-cell account-profile-meta-value"
+        class="account-profile-meta-cell account-profile-meta-value {field.verified ? 'account-profile-meta-cell-verified' : ''}"
         role="definition"
         aria-labelledby="account-profile-meta-name-{i}"
       >
         {@html field.value}
-      </div>
-      <div class="account-profile-meta-cell">
         {#if field.verified}
           <span class="account-profile-meta-verified">
             <SvgIcon
@@ -37,8 +35,8 @@
   .account-profile-meta {
     grid-area: meta;
     display: grid;
-    grid-template-columns: auto 1fr max-content;
-    grid-row-gap: 5px;
+    grid-template-columns: auto 1fr;
+    grid-row-gap: 0;
     align-items: center;
     padding: 10px 0;
   }
@@ -46,7 +44,7 @@
   .account-profile-meta-border {
     height: 1px;
     width: 100%;
-    grid-column: 1 / 4;
+    grid-column: 1 / 3;
     background: currentColor;
     opacity: 0.2;
     justify-self: center;
@@ -55,8 +53,6 @@
   .account-profile-meta-cell {
     word-wrap: break-word;
     overflow: hidden;
-    white-space: pre-wrap;
-    text-overflow: ellipsis;
     font-size: 1.1em;
   }
 
@@ -101,6 +97,11 @@
     }
   }
 
+  .account-profile-meta-cell-verified {
+    display: inline-flex;
+    flex-wrap: wrap;
+    column-gap: 10px;
+  }
   .account-profile-meta-verified {
     display: inline-flex;
     align-items: center;