From 2db35149fd7588acd6c64373515de50703c4fb49 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Thu, 4 Jul 2024 18:02:30 +0200
Subject: [PATCH] UX: Chat mobile menu styling update (#27598)

---
 app/assets/stylesheets/mobile/float-kit/d-menu.scss |  2 +-
 .../stylesheets/mobile/chat-message-actions.scss    | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/mobile/float-kit/d-menu.scss b/app/assets/stylesheets/mobile/float-kit/d-menu.scss
index 07d85cce5fc..581ca877572 100644
--- a/app/assets/stylesheets/mobile/float-kit/d-menu.scss
+++ b/app/assets/stylesheets/mobile/float-kit/d-menu.scss
@@ -1,5 +1,5 @@
 .fk-d-menu-modal {
   .d-modal__body {
-    padding: 0;
+    padding: 0.5rem 0;
   }
 }
diff --git a/plugins/chat/assets/stylesheets/mobile/chat-message-actions.scss b/plugins/chat/assets/stylesheets/mobile/chat-message-actions.scss
index 821b7e4bd27..c946d0797d7 100644
--- a/plugins/chat/assets/stylesheets/mobile/chat-message-actions.scss
+++ b/plugins/chat/assets/stylesheets/mobile/chat-message-actions.scss
@@ -1,6 +1,6 @@
 .chat-message-actions {
   .selected-message-container {
-    padding: 0.5em 0 1em 0;
+    padding: 0.75rem 1rem;
   }
 
   .selected-message {
@@ -101,10 +101,8 @@
     margin: 0;
 
     .chat-message-action-item {
-      border-bottom: 1px solid var(--primary-low);
       width: 100%;
       list-style: none;
-      padding: 0.25em 0;
       display: flex;
 
       &:active {
@@ -117,10 +115,12 @@
 
       .chat-message-action {
         justify-content: flex-start;
+        gap: 0.25em;
         background: none;
         width: 100%;
         border: 0;
         color: var(--primary);
+        padding: 0.75rem 1em;
 
         &:focus,
         .d-icon {
@@ -129,4 +129,11 @@
       }
     }
   }
+
+  //temporary until this uses a proper component instead of the modal
+  .d-modal {
+    &__body {
+      padding: 0;
+    }
+  }
 }