+7 -4

src/components/Verifier/Verifier.css

Reviewed

··· 86 86 /* Form Styles */ 87 87 .verifier-section { 88 88 background: var(--navbar-bg); 89 89 - /* border: 1px solid var(--card-border); */ /* Remove border to match alt-card */ 90 90 - border-radius: 12px; 91 91 - padding: 40px 30px; /* Increase padding to match alt-card */ 92 92 - margin-bottom: 20px; 89 89 + border: 5px solid var(--card-border); /* Match alt-card border */ 90 90 + border-radius: 12px; /* Match alt-card radius */ 91 91 + box-shadow: none; /* Match alt-card shadow */ 92 92 + padding: 40px 30px; /* Keep increased padding or adjust if alt-card is different */ 93 93 + margin: 30px auto; /* Match alt-card margin */ 94 94 + max-width: 95%; /* Match alt-card max-width */ 95 95 + /* margin-bottom: 20px; */ /* Remove specific margin-bottom */ 93 96 } 94 97 95 98 .verifier-input-container {

+2 -4

src/components/Verifier/Verifier.js

Reviewed

··· 647 647 } 648 648 649 649 const isAnyOperationInProgress = isVerifying || isRevoking || isLoadingVerifications || isLoadingNetwork || isCheckingValidity; 650 650 - const trustedVerifiersTooltip = `Checking if any of these Trusted Verifiers have created a verification record for your DID: ${TRUSTED_VERIFIERS.join(', ')}.`; 651 650 652 651 return ( 653 652 <div className="verifier-container"> 654 653 <div className="verifier-intro-container"> 655 654 <h1>Bluesky Verifier Tool</h1> 656 655 <p className="verifier-intro-text"> 657 657 - With Bluesky's new decentralized verification system, anyone can verify anyone else and any Bluesky client can choose which accounts to treat as "Trusted Verifiers". It's a first-of-its-kind verification system for a mainstream social platform of this size. Try verifying an account for yourself or check to see who has verified you! 656 656 + With Bluesky's new decentralized verification system, anyone can verify anyone else and any Bluesky client can choose which accounts to treat as "Trusted Verifiers". Try verifying an account for yourself or check to see who has verified you! It's as simple as creating a verification record in your PDS that points to the account you want to verify. 658 657 </p> 659 658 </div> 660 659 ··· 681 680 autoComplete="off" 682 681 /> 683 682 <button type="submit" disabled={isVerifying || !targetHandle} className="verifier-submit-button"> 684 684 - {isVerifying ? 'Verifying...' : 'Create Verification Record'} 683 683 + {isVerifying ? 'Verifying...' : 'Verify Account'} 685 684 </button> 686 685 </form> 687 686 {showSuggestions && (suggestions.length > 0 || isFetchingSuggestions) && ( ··· 774 773 <div className="verifier-section"> 775 774 <div className="verifier-list-header"> 776 775 <h2>Accounts You've Verified</h2> 777 777 - <button onClick={fetchVerifications} disabled={isAnyOperationInProgress} className="verifier-action-button verifier-refresh-button">Refresh List</button> 778 776 </div> 779 777 780 778 {revokeStatusMessage && (