diff --git a/src/lib/components/crew/MemberRow.svelte b/src/lib/components/crew/MemberRow.svelte index 7911093b..b5c6cc50 100644 --- a/src/lib/components/crew/MemberRow.svelte +++ b/src/lib/components/crew/MemberRow.svelte @@ -55,18 +55,20 @@
  • -
    -
    - {#if member.user?.username} - {member.user.username} - {:else} - Unknown - {/if} - {#if member.joinedAt} - Joined {formatDate(member.joinedAt)} - {/if} + +
    +
    + {#if member.user?.username} + {member.user.username} + {:else} + Unknown + {/if} + {#if member.joinedAt} + Joined {formatDate(member.joinedAt)} + {/if} +
    -
    +
    @@ -79,6 +81,12 @@ {/snippet} {#snippet menu()} {#if member.user?.username} + goto(`/crew/members/${member.user?.username}`)} + > + View crew profile + goto(`/${member.user?.username}`)} @@ -122,7 +130,6 @@ display: flex; justify-content: space-between; align-items: center; - padding: spacing.$unit spacing.$unit spacing.$unit spacing.$unit-2x; border-radius: layout.$item-corner; transition: background-color 0.15s; @@ -135,6 +142,15 @@ } } + .member-link { + flex: 1; + display: flex; + align-items: center; + padding: spacing.$unit spacing.$unit spacing.$unit spacing.$unit-2x; + text-decoration: none; + color: inherit; + } + .member-info { display: flex; align-items: center; @@ -151,17 +167,13 @@ display: flex; align-items: center; gap: spacing.$unit; + padding-right: spacing.$unit; } .username { font-size: typography.$font-small; font-weight: typography.$medium; color: var(--text-primary); - text-decoration: none; - } - - a.username:hover { - text-decoration: underline; } .role-badge {