From a96c06e7be482b2cff92b3dfe1de101f04eeebf3 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 7 Mar 2026 15:56:16 +0000
Subject: [PATCH] Improve push notification banner display and functionality on
 mobile devices

Adjusted push notification banner styling to ensure proper rendering and clickability on smaller screens by modifying positioning and padding.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 5d799139-3a9c-45ec-bc50-79b250db2962
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/aNXfGlM
Replit-Helium-Checkpoint-Created: true
---
 client/src/components/push-prompt-banner.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/push-prompt-banner.tsx b/client/src/components/push-prompt-banner.tsx
index 4aa50a0..52eeeb8 100644
--- a/client/src/components/push-prompt-banner.tsx
+++ b/client/src/components/push-prompt-banner.tsx
@@ -49,8 +49,8 @@ export default function PushPromptBanner() {
   if (!visible) return null;
 
   return (
-    <div className="fixed bottom-4 right-4 md:right-6 max-w-sm z-50 animate-in slide-in-from-bottom-4 fade-in duration-500 pointer-events-none" data-testid="push-prompt-banner">
-      <div className="bg-card border border-card-border rounded-xl shadow-2xl p-4 pointer-events-auto">
+    <div className="fixed bottom-4 left-4 right-4 md:left-auto md:right-6 md:max-w-sm z-50 animate-in slide-in-from-bottom-4 fade-in duration-500 pointer-events-none" data-testid="push-prompt-banner">
+      <div className="bg-card border border-card-border rounded-xl shadow-2xl p-3 sm:p-4 pointer-events-auto">
         <div className="flex items-start gap-3">
           <div className="flex-shrink-0 w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center">
             <Bell className="w-5 h-5 text-primary" />