From f4e9ac5bf19ac91cc1ddb938b4468d19c6dce1de Mon Sep 17 00:00:00 2001
From: Jannat Patel <pateljannat2308@gmail.com>
Date: Wed, 5 Nov 2025 11:59:45 +0530
Subject: [PATCH] fix: IPhone PWA install prompt

---
 frappe-ui                                 | 2 +-
 frontend/src/components/InstallPrompt.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frappe-ui b/frappe-ui
index 310089f4..f1bde9bc 160000
--- a/frappe-ui
+++ b/frappe-ui
@@ -1 +1 @@
-Subproject commit 310089f4a40a6f6c9fa65d3e942c853e893df8ee
+Subproject commit f1bde9bcb271af47e9f5de190a18dff8604f5312
diff --git a/frontend/src/components/InstallPrompt.vue b/frontend/src/components/InstallPrompt.vue
index 2d7b1d17..eea93d0c 100644
--- a/frontend/src/components/InstallPrompt.vue
+++ b/frontend/src/components/InstallPrompt.vue
@@ -20,10 +20,10 @@
 		</template>
 	</Dialog>
 
-	<Popover :show="iosInstallMessage" placement="top">
+	<Popover :show="iosInstallMessage" placement="top-start">
 		<template #body>
 			<div
-				class="fixed bottom-[4rem] left-1/2 -translate-x-1/2 z-20 w-[90%] flex flex-col gap-3 rounded bg-blue-100 py-5 drop-shadow-xl"
+				class="fixed top-[20rem] translate-x-1/3 z-20 flex flex-col gap-3 rounded bg-surface-white py-5 drop-shadow-xl"
 			>
 				<div
 					class="mb-1 flex flex-row items-center justify-between px-3 text-center"
@@ -41,7 +41,7 @@
 				</div>
 				<div class="px-3 text-xs text-gray-800">
 					<span class="flex flex-col gap-2">
-						<span>
+						<span class="leading-5">
 							{{
 								__(
 									'Get the app on your iPhone for easy access & a better experience'