From 89a7d2eb903dca648adeea2f1844efc54e2117e7 Mon Sep 17 00:00:00 2001
From: Andrii Yakovliev <a.yakovlev@webtrit.com>
Date: Tue, 7 Apr 2026 12:11:03 +0300
Subject: [PATCH] fix: Layout issues in PortaDialer

---
 src/components/Call-History/History.vue                 | 2 --
 src/components/Home-Contacts/ContactsAppBar.vue         | 1 +
 src/components/Home-Contacts/ContactsListActionBtns.vue | 2 +-
 src/components/Shared/AudioCallBtn.vue                  | 1 +
 src/components/Shared/PhoneInput.vue                    | 1 +
 src/components/Shared/VideoCallBtn.vue                  | 1 +
 6 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Call-History/History.vue b/src/components/Call-History/History.vue
index 4490779..8bee50b 100644
--- a/src/components/Call-History/History.vue
+++ b/src/components/Call-History/History.vue
@@ -65,7 +65,6 @@
       <template #[`item.number`]="{ item }">
         <span
           class="call-history__connect-time"
-          :class="[!$vuetify.breakpoint.xs? 'ml-5': 'ml-0']"
         >
           {{ item.contactInfo.number || item.contactInfo.number_ext }}
         </span>
@@ -74,7 +73,6 @@
       <template #[`item.connect_time`]="{ item }">
         <span
           class="call-history__connect-time"
-          :class="[!$vuetify.breakpoint.xs? 'ml-5': 'ml-0']"
         >
           {{ item.connect_time | convertToCalendar }}
         </span>
diff --git a/src/components/Home-Contacts/ContactsAppBar.vue b/src/components/Home-Contacts/ContactsAppBar.vue
index cebf2d2..95d692a 100644
--- a/src/components/Home-Contacts/ContactsAppBar.vue
+++ b/src/components/Home-Contacts/ContactsAppBar.vue
@@ -43,6 +43,7 @@
         height="46"
         color="accent"
         @click="openKeypad()"
+        @mouseup="$event.target.closest('button').blur()"
       >
         <v-icon dark>
           $call-keypad
diff --git a/src/components/Home-Contacts/ContactsListActionBtns.vue b/src/components/Home-Contacts/ContactsListActionBtns.vue
index 267222f..55f96c2 100644
--- a/src/components/Home-Contacts/ContactsListActionBtns.vue
+++ b/src/components/Home-Contacts/ContactsListActionBtns.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-col>
+  <v-col class="flex items-center">
     <v-col class="flex-grow-0">
       <FavoriteIcon
         v-if="!$route.params.number"
diff --git a/src/components/Shared/AudioCallBtn.vue b/src/components/Shared/AudioCallBtn.vue
index fde99d6..10b2c09 100644
--- a/src/components/Shared/AudioCallBtn.vue
+++ b/src/components/Shared/AudioCallBtn.vue
@@ -8,6 +8,7 @@
     :width="size"
     :height="size"
     @click.native.stop.prevent="callContact()"
+    @mouseup.native="$event.target.closest('button').blur()"
   >
     <v-icon
       :color="iconColor"
diff --git a/src/components/Shared/PhoneInput.vue b/src/components/Shared/PhoneInput.vue
index f2469ef..a2ecd85 100644
--- a/src/components/Shared/PhoneInput.vue
+++ b/src/components/Shared/PhoneInput.vue
@@ -9,6 +9,7 @@
     type="text"
     :maxlength="phoneNumberMaxLength"
     :counter="phoneNumberMaxLength"
+    clearable
   />
 </template>
 
diff --git a/src/components/Shared/VideoCallBtn.vue b/src/components/Shared/VideoCallBtn.vue
index 92ac4d3..6b38881 100644
--- a/src/components/Shared/VideoCallBtn.vue
+++ b/src/components/Shared/VideoCallBtn.vue
@@ -8,6 +8,7 @@
     :width="size"
     :height="size"
     @click.native.stop.prevent="callContact()"
+    @mouseup.native="$event.target.closest('button').blur()"
   >
     <v-icon
       :color="iconColor"