diff --git a/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx b/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx
index c520b91be..87ea80204 100644
--- a/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx
+++ b/internal_packages/participant-profile/lib/sidebar-participant-profile.jsx
@@ -62,7 +62,7 @@ export default class SidebarParticipantProfile extends React.Component {
_renderDefaultProfileImage() {
const hue = Utils.hueForString(this.props.contact.email);
- const bgColor = `hsl(${hue}, 50%, 34%)`
+ const bgColor = `hsl(${hue}, 50%, 45%)`
const abv = this.props.contact.nameAbbreviation()
return (
@@ -76,9 +76,14 @@ export default class SidebarParticipantProfile extends React.Component {
}
_renderCorePersonalInfo() {
+ const fullName = this.props.contact.fullName();
+ let renderName = false;
+ if (fullName !== this.props.contact.email) {
+ renderName =
{this.props.contact.fullName()}
+ }
return (
-
{this.props.contact.fullName()}
+ {renderName}
{this.props.contact.email}
{this._renderSocialProfiles()}
diff --git a/internal_packages/participant-profile/lib/sidebar-related-threads.jsx b/internal_packages/participant-profile/lib/sidebar-related-threads.jsx
index 6447d753d..ce730c70f 100644
--- a/internal_packages/participant-profile/lib/sidebar-related-threads.jsx
+++ b/internal_packages/participant-profile/lib/sidebar-related-threads.jsx
@@ -47,7 +47,7 @@ export default class RelatedThreads extends React.Component {
limit = Math.min(this.props.contactThreads.length, this.DEFAULT_NUM)
}
- const height = ((limit + (this._hasToggle() ? 1 : 0)) * 31) + 5;
+ const height = ((limit + (this._hasToggle() ? 1 : 0)) * 31);
const shownThreads = this.props.contactThreads.slice(0, limit)
const threads = shownThreads.map((thread) => {
const onClick = () => { this._onClick(thread) }
diff --git a/internal_packages/participant-profile/stylesheets/participant-profile.less b/internal_packages/participant-profile/stylesheets/participant-profile.less
index 2c7042a5b..a566bfc87 100644
--- a/internal_packages/participant-profile/stylesheets/participant-profile.less
+++ b/internal_packages/participant-profile/stylesheets/participant-profile.less
@@ -34,6 +34,7 @@
}
.toggle {
+ font-size: 12px;
text-align: center;
padding: 0.5em 15px;
border-top: 1px solid rgba(0,0,0,0.08);
@@ -42,7 +43,7 @@
}
.participant-profile {
- margin-bottom: 20px;
+ margin-bottom: 24px;
.profile-photo-wrap {
width: 50px;