Fix contact icon in call participants list

2024-05-16 09:39:02 -07:00 · 2024-05-16 09:39:02 -07:00 · e624288b1b
commit e624288b1b
parent 8fd3059de8
2 changed files with 5 additions and 7 deletions
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@ -4404,6 +4404,7 @@ button.module-image__border-overlay:focus {
  }

  &__contact-icon {
+    margin-inline-start: 0.3em;
    background-color: $color-gray-25;
  }

--- a/ts/components/CallingParticipantsList.tsx
+++ b/ts/components/CallingParticipantsList.tsx
@ -134,13 +134,10 @@ export const CallingParticipantsList = React.memo(
                            title={participant.title}
                          />
                          {isInSystemContacts(participant) ? (
-                            <span>
-                              {' '}
-                              <InContactsIcon
-                                className="module-calling-participants-list__contact-icon"
-                                i18n={i18n}
-                              />
-                            </span>
+                            <InContactsIcon
+                              className="module-calling-participants-list__contact-icon"
+                              i18n={i18n}
+                            />
                          ) : null}
                        </>
                      )}