Phone view update

resources/js/Components/PersonDetailPhone.vue

@@ -91,7 +91,7 @@ function maskIban(iban) {
     <div class="mt-2 flex flex-wrap gap-1.5">
       <span v-if="primaryAddress" class="pill pill-slate" title="Naslov">
         <FontAwesomeIcon :icon="faLocationDot" class="w-4 h-4 mr-1" />
-        <span class="truncate max-w-[9rem]">{{ primaryAddress.address }}</span>
+        <span class="truncate max-w-36">{{ primaryAddress.address }}</span>
       </span>
       <span v-if="summaryPhones.length" class="pill pill-indigo" title="Telefon">
         <FontAwesomeIcon :icon="faPhone" class="w-4 h-4 mr-1" />
@@ -109,11 +109,11 @@ function maskIban(iban) {
       </span>
       <span v-if="primaryEmail && showMore" class="pill pill-default" title="E-pošta">
         <FontAwesomeIcon :icon="faEnvelope" class="w-4 h-4 mr-1" />
-        <span class="truncate max-w-[9rem]">{{ primaryEmail }}</span>
+        <span class="truncate max-w-36">{{ primaryEmail }}</span>
       </span>
       <span v-if="bankIban" class="pill pill-emerald" title="TRR (zadnji dodan)">
         <FontAwesomeIcon :icon="faLandmark" class="w-4 h-4 mr-1" />
-        {{ maskIban(bankIban) }}
+        {{ bankIban }}
       </span>
     </div>
 
@@ -129,7 +129,7 @@ function maskIban(iban) {
         </div>
         <div v-if="bankIban">
           <div class="label">TRR (zadnji)</div>
-          <div class="value font-mono">{{ maskIban(bankIban) }}</div>
+          <div class="value font-mono">{{ bankIban }}</div>
         </div>
         <div v-if="primaryEmail">
           <div class="label">E‑pošta</div>