From 02da1834e0debab5f21f09b912fa89d8c46dd829 Mon Sep 17 00:00:00 2001
From: Mahdi <mahdi.banilohi@gmail.com>
Date: Mon, 1 Jun 2026 15:16:01 +0330
Subject: [PATCH] edit kart

---
 src/views/app/AppBusinessDetailView.vue | 12 ++++++------
 src/views/app/AppProfileView.vue        |  8 ++++----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/views/app/AppBusinessDetailView.vue b/src/views/app/AppBusinessDetailView.vue
index a7254d0..fc04205 100644
--- a/src/views/app/AppBusinessDetailView.vue
+++ b/src/views/app/AppBusinessDetailView.vue
@@ -40,14 +40,14 @@
         </p>
       </div>
 
-      <dl class="space-y-2 rounded-2xl border border-border bg-surface-2 p-4 text-sm">
-        <div v-if="business.contactPhone">
-          <dt class="text-muted">تلفن</dt>
+      <dl class="space-y-3 rounded-2xl border border-border bg-surface-2 p-4 text-sm">
+        <div v-if="business.contactPhone" class="flex items-center justify-between gap-4">
+          <dt class="shrink-0 text-muted">تلفن</dt>
           <dd class="font-medium" dir="ltr">{{ business.contactPhone }}</dd>
         </div>
-        <div v-if="business.address">
-          <dt class="text-muted">آدرس</dt>
-          <dd>{{ business.address }}</dd>
+        <div v-if="business.address" class="flex items-start justify-between gap-4">
+          <dt class="shrink-0 pt-0.5 text-muted">آدرس</dt>
+          <dd class="min-w-0 max-w-[75%] text-left leading-relaxed">{{ business.address }}</dd>
         </div>
       </dl>
 
diff --git a/src/views/app/AppProfileView.vue b/src/views/app/AppProfileView.vue
index ddb7075..16ebb24 100644
--- a/src/views/app/AppProfileView.vue
+++ b/src/views/app/AppProfileView.vue
@@ -17,12 +17,12 @@
 
     <div v-if="auth.user" class="space-y-4">
       <dl class="space-y-3 rounded-2xl border border-border bg-surface-2 p-4">
-        <div>
-          <dt class="text-xs text-muted">موبایل</dt>
+        <div class="flex items-center justify-between gap-4">
+          <dt class="shrink-0 text-xs text-muted">موبایل</dt>
           <dd class="font-medium" dir="ltr">{{ auth.user.mobile }}</dd>
         </div>
-        <div>
-          <dt class="text-xs text-muted">نقش</dt>
+        <div class="flex items-center justify-between gap-4">
+          <dt class="shrink-0 text-xs text-muted">نقش</dt>
           <dd class="font-medium">{{ roleLabel }}</dd>
         </div>
       </dl>