profile fixes

src/Element/FollowListBase.tsx

@@ -17,7 +17,7 @@ export default function FollowListBase({ pubkeys, title }: FollowListBaseProps)
     return (
         <div className="main-content">
             <div className="flex mt10">
-                <div className="f-grow">{title}</div>
+                <div className="f-grow bold">{title}</div>
                 <button type="button" onClick={() => followAll()}>Follow All</button>
             </div>
             {pubkeys?.map(a => <ProfilePreview pubkey={a} key={a} />)}

src/Element/NoteCreator.css

@@ -60,6 +60,9 @@
   position: fixed;
   bottom: 50px;
   right: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 @media (min-width: 520px) {

src/Pages/ProfilePage.css

@@ -29,12 +29,16 @@
 }
 
 .profile .name h2 {
-    margin: 0;
+  margin: 12px 0 0 0;
+  font-weight: 600;
+  font-size: 19px;
+  line-height: 23px;
 }
 
 .profile .nip05 {
   display: flex;
-  margin: 4px 0 12px 0;
+  font-size: 16px;
+  margin: 0 0 12px 0;
 }
 
 .profile .nip05 .nick {
@@ -42,6 +46,10 @@
   color: var(--gray-light);
 }
 
+.profile .name .copy {
+  margin-bottom: 4px;
+}
+
 .profile .avatar-wrapper {
   z-index: 1;
 }
@@ -61,8 +69,9 @@
     margin-top: 12px;
     background-color: var(--note-bg);
     padding: 12px 16px;
-    margin: 0 auto;
     border-radius: 16px;
+    margin: 0 auto;
+    margin-bottom: 12px;
 }
 
 .profile .details p {
@@ -90,6 +99,10 @@
     width: calc(100% - 32px);
 }
 
+.profile .details .text {
+  font-size: 14px;
+}
+
 .tabs > div {
   margin-right: 0;
 }
@@ -97,6 +110,7 @@
 .profile .links {
   margin-top: 4px;
   margin-left: 2px;
+  margin-bottom: 12px;
 }
 
 .profile h3 {
@@ -106,7 +120,7 @@
   font-weight: 600;
   line-height: 12px;
   text-transform: uppercase;
-  margin-left: 16px;
+  margin-left: 12px;
 }
 
 .profile .website {
@@ -180,9 +194,5 @@
     height: 300px;
     margin-bottom: -100px;
   }
-  .profile .avatar-wrapper .avatar {
-    width: 210px;
-    height: 210px;
-  }
 }
 

src/Pages/ProfilePage.tsx

@@ -34,6 +34,7 @@ export default function ProfilePage() {
     const navigate = useNavigate();
     const id = useMemo(() => parseId(params.id!), [params]);
     const user = useProfile(id)?.get(id);
+    const loggedOut = useSelector<RootState, boolean | undefined>(s => s.login.loggedOut);
     const loginPubKey = useSelector<RootState, HexKey | undefined>(s => s.login.publicKey);
     const follows = useSelector<RootState, HexKey[]>(s => s.login.follows);
     const isMe = loginPubKey === id;
@@ -139,12 +140,14 @@ export default function ProfilePage() {
                         Settings
                       </button>
                   ) : (
-                    <>
-                      <button type="button" onClick={() => navigate(`/messages/${hexToBech32("npub", id)}`)}>
-                         Message
-                      </button>
-                      <FollowButton pubkey={id} />
-                    </>
+                    !loggedOut && (
+                      <>
+                        <button type="button" onClick={() => navigate(`/messages/${hexToBech32("npub", id)}`)}>
+                           Message
+                        </button>
+                        <FollowButton pubkey={id} />
+                      </>
+                    )
                   )}
                 </div>
                 {bio()}

src/index.css

@@ -461,3 +461,6 @@ body.scroll-lock {
   }
 }
 
+.bold {
+  font-weight: 700;
+}