diff --git a/web-ui/src/components/guild-results/GuildSummaryCard.jsx b/web-ui/src/components/guild-results/GuildSummaryCard.jsx index 9e4580ab95..5db7c1d96a 100644 --- a/web-ui/src/components/guild-results/GuildSummaryCard.jsx +++ b/web-ui/src/components/guild-results/GuildSummaryCard.jsx @@ -134,22 +134,29 @@ const GuildSummaryCard = ({ guild, index, isOpen, onGuildSelect }) => { } }; - const iconStyles = { height: '2.5rem', width: '2.5rem' }; + const iconStyles = { + position: 'absolute', + bottom: '0.5rem', + right: '0.5rem', + height: '2.5rem', + width: '2.5rem' + }; + + const guildIcon = () => ( + + {guild.community ? ( + + ) : ( + + )} + + ); return ( - - - {guild.community ? ( - - ) : ( - - )} - + { > )} + {guildIcon()} - - - @@ -174,14 +161,10 @@ exports[`renders correctly 1`] = ` - - + + @@ -270,6 +257,19 @@ exports[`renders correctly 1`] = ` + + + diff --git a/web-ui/src/components/guild-results/__snapshots__/GuildSummaryCard.test.jsx.snap b/web-ui/src/components/guild-results/__snapshots__/GuildSummaryCard.test.jsx.snap index 4e97b1d696..209e7d7059 100644 --- a/web-ui/src/components/guild-results/__snapshots__/GuildSummaryCard.test.jsx.snap +++ b/web-ui/src/components/guild-results/__snapshots__/GuildSummaryCard.test.jsx.snap @@ -3,21 +3,8 @@ exports[`renders correctly 1`] = ` - - - @@ -58,19 +45,10 @@ exports[`renders correctly 1`] = ` - - -`; - -exports[`renders correctly for ADMIN 1`] = ` - - + + +`; + +exports[`renders correctly for ADMIN 1`] = ` + + @@ -161,19 +148,10 @@ exports[`renders correctly for ADMIN 1`] = ` - - -`; - -exports[`renders correctly for guild lead 1`] = ` - - + + +`; + +exports[`renders correctly for guild lead 1`] = ` + + @@ -266,6 +253,19 @@ exports[`renders correctly for guild lead 1`] = ` + + + `;