From 360f431880eaea7319b9ba9fc36fc9a0001d3bd7 Mon Sep 17 00:00:00 2001
From: Nick Colley <nick.colley@hippodigital.co.uk>
Date: Thu, 2 Feb 2023 11:48:12 +0000
Subject: [PATCH] Profile meta spacing adjustments

---
 .../profile/AccountProfileMeta.html           | 29 ++++++++-----------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/src/routes/_components/profile/AccountProfileMeta.html b/src/routes/_components/profile/AccountProfileMeta.html
index 823b2bb6..3c0a0f86 100644
--- a/src/routes/_components/profile/AccountProfileMeta.html
+++ b/src/routes/_components/profile/AccountProfileMeta.html
@@ -1,7 +1,6 @@
 {#if massagedFields.length}
   <h2 class="sr-only">{intl.fields}</h2>
   <div class="account-profile-meta">
-    <div class="account-profile-meta-border"></div>
     {#each massagedFields as field, i}
       <div
         id="account-profile-meta-name-{i}"
@@ -28,7 +27,6 @@
         {/if}
       </div>
     {/each}
-    <div class="account-profile-meta-border"></div>
   </div>
 {/if}
 <style>
@@ -39,42 +37,40 @@
     grid-row-gap: 0;
     align-items: center;
     padding: 10px 0;
-  }
-
-  .account-profile-meta-border {
-    height: 1px;
-    width: 100%;
-    grid-column: 1 / 3;
-    background: currentColor;
-    opacity: 0.2;
-    justify-self: center;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    border-top: 1px solid var(--main-border);
+    border-bottom: 1px solid var(--main-border);
   }
 
   .account-profile-meta-cell {
+    padding: 4px 0;
     word-wrap: break-word;
     overflow: hidden;
     font-size: 1.1em;
   }
 
   .account-profile-meta-name {
-    padding: 10px 20px 10px 0;
     color: var(--deemphasized-text-color);
     position: relative;
     max-width: 300px;
+    padding-right: 15px;
   }
 
   .account-profile-meta-name:after {
     content: '';
     position: absolute;
+    top: 0;
+    bottom: 0;
     right: 0;
-    top: 15%;
-    height: 70%;
+    margin: auto;
+    height: 60%;
     border-right: 1px solid;
     opacity: 0.2;
   }
 
   .account-profile-meta-value {
-    padding: 10px 10px 10px 20px;
+    padding-left: 15px;
   }
 
   :global(.underline-links .account-profile-meta a) {
@@ -100,7 +96,7 @@
   .account-profile-meta-cell-verified {
     display: inline-flex;
     flex-wrap: wrap;
-    column-gap: 10px;
+    column-gap: 0.8em;
   }
   .account-profile-meta-verified {
     display: inline-flex;
@@ -108,7 +104,6 @@
     vertical-align: middle;
     white-space: nowrap;
     gap: 0.2em;
-    margin-left: 0.5em;
     padding: 2px 0;
     padding-left: 4px;
     padding-right: 5px;