Merge pull request #280 from sima-land/277-person-info-upd

Fix #277 Доработки стилей ProductInfo

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,20 +101,23 @@
   line-height: 24px;
   color: colors.$basic-gray87;
   font-weight: 600;
+  word-break: break-word;
 }
 
 .item-description {
   margin-top: 4px;
   font-size: 14px;
   line-height: 20px;
   color: colors.$basic-gray38;
+  word-break: break-word;
 }
 
 .item-main-col + .icon-circle {
   margin-left: 16px;
 }
 
 .icon-circle {
+  flex-shrink: 0;
   background: colors.$basic-gray4;
   border-radius: 50%;
   width: 48px;