diff --git a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.css b/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.css index 9b60ac1dd..e325e57dd 100644 --- a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.css +++ b/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.css @@ -2,6 +2,18 @@ padding-right: 24px; } +.phone-content { + display: flex; + align-items: center; + gap: 8px; +} + +.country-flag { + font-size: 16px; + cursor: help; + user-select: none; +} + .phone-link { text-decoration: none; color: var(--primary-color); diff --git a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.html b/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.html index 1cddbab78..bfbc51f33 100644 --- a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.html +++ b/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.html @@ -1,5 +1,8 @@
- {{ value }} + + {{ countryFlag }} + {{ formattedNumber || value }} +