From df09816bf9ef0531e27c580ad3fa18becba09987 Mon Sep 17 00:00:00 2001
From: damedotblog <hi@dame.art>
Date: Wed, 23 Apr 2025 15:03:19 -0400
Subject: [PATCH] mobile styles

---
 src/components/Verifier/Verifier.css | 1 +
 src/components/Verifier/Verifier.js  | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Verifier/Verifier.css b/src/components/Verifier/Verifier.css
index 93c126e..f2674d5 100644
--- a/src/components/Verifier/Verifier.css
+++ b/src/components/Verifier/Verifier.css
@@ -489,6 +489,7 @@
   font-family: inherit; /* Use main font */
   min-width: 200px; /* Ensure minimum width */
   margin: 0px;
+  max-width: 100%;
 }
 
 .verifier-list-select:hover,
diff --git a/src/components/Verifier/Verifier.js b/src/components/Verifier/Verifier.js
index e7764aa..a649e94 100644
--- a/src/components/Verifier/Verifier.js
+++ b/src/components/Verifier/Verifier.js
@@ -1347,9 +1347,9 @@ function Verifier() {
         {!isLoadingNetwork && networkChecked && (
           <div className="verifier-network-results">
             <p>{networkVerifications.mutualsVerifiedMe.length > 0 ? `${networkVerifications.mutualsVerifiedMe.length} mutual(s) have verified you:` : "None of your mutuals have verified you yet."}</p>
-            {networkVerifications.mutualsVerifiedMe.length > 0 && (<ul className="verifier-verifier-list">{networkVerifications.mutualsVerifiedMe.map(account => (<li key={account.did}>{account.displayName} (@{account.handle})</li>))}</ul>)}
+            {networkVerifications.mutualsVerifiedMe.length > 0 && (<ul className="verifier-verifier-list">{networkVerifications.mutualsVerifiedMe.map(account => (<li key={account.did}>@{account.handle}</li>))}</ul>)}
             <p style={{marginTop: '15px'}}>{networkVerifications.followsVerifiedMe.length > 0 ? `${networkVerifications.followsVerifiedMe.length} account(s) you follow have verified you:` : "None of the accounts you follow have verified you yet."}</p>
-            {networkVerifications.followsVerifiedMe.length > 0 && (<ul className="verifier-verifier-list">{networkVerifications.followsVerifiedMe.map(account => (<li key={account.did}>{account.displayName} (@{account.handle})</li>))}</ul>)}
+            {networkVerifications.followsVerifiedMe.length > 0 && (<ul className="verifier-verifier-list">{networkVerifications.followsVerifiedMe.map(account => (<li key={account.did}>@{account.handle}</li>))}</ul>)}
             <div className="verifier-additional-context">
                  <p>{networkVerifications.mutualsVerifiedAnyone} of your {networkVerifications.fetchedMutualsCount} fetched mutuals have verified others.</p>
                  <p>{networkVerifications.followsVerifiedAnyone} of the {networkVerifications.fetchedFollowsCount} accounts you follow have verified others.</p>
-- 
2.51.2