From e78b15b9f010d366ed47b1019e5110e2cc286a04 Mon Sep 17 00:00:00 2001
From: Clarence Dan <tangdan0854@gmail.com>
Date: Fri, 18 Aug 2023 17:12:02 +0800
Subject: [PATCH] Update chat.module.scss

Specify styles for iOS devices.
---
 app/components/chat.module.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app/components/chat.module.scss b/app/components/chat.module.scss
index d407d28e..77b6ae1a 100644
--- a/app/components/chat.module.scss
+++ b/app/components/chat.module.scss
@@ -349,6 +349,14 @@
       padding: 7px;
     }
   }
+  /* Specific styles for iOS devices */
+  @media screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) {
+    @supports (-webkit-touch-callout: none) {
+      .chat-message-edit {
+        top: -10%;
+      }
+    }
+  }
 }
 
 .chat-message-status {