diff --git a/src/mobile/components/person-info/person-info.m.scss b/src/mobile/components/person-info/person-info.m.scss index 67ce677b..20c786bd 100644 --- a/src/mobile/components/person-info/person-info.m.scss +++ b/src/mobile/components/person-info/person-info.m.scss @@ -14,6 +14,7 @@ .name { display: -webkit-box; margin: 12px auto 0; + padding: 0 16px; text-align: center; font-size: 20px; line-height: 28px; @@ -32,8 +33,8 @@ .appointment { display: block; - max-width: 260px; margin: 2px auto 0; + padding: 0 16px; text-align: center; font-size: 14px; line-height: 20px; @@ -91,6 +92,7 @@ } .item-main-col { + width: 0; flex-grow: 1; } @@ -99,6 +101,7 @@ line-height: 24px; color: colors.$basic-gray87; font-weight: 600; + word-break: break-word; } .item-description { @@ -106,6 +109,7 @@ font-size: 14px; line-height: 20px; color: colors.$basic-gray38; + word-break: break-word; } .item-main-col + .icon-circle { @@ -113,6 +117,7 @@ } .icon-circle { + flex-shrink: 0; background: colors.$basic-gray4; border-radius: 50%; width: 48px;