#1818 Cropped off menu in chat (#1821)

* increase the top-padding of the message-body area

* add comment to the change for the context

* add comment for the context of the bug

* fix the linter error

frontend/views/containers/chatroom/ChatMain.vue

@@ -1060,7 +1060,9 @@ export default ({
 
 .c-body-conversation {
   margin-right: 1rem;
-  padding: 2rem 0 1rem 0;
+  // top-padding '10rem' below is necessary for the message menu list to be displayed properly without being cropped off.
+  // (reference: https://github.com/okTurtles/group-income/issues/1818)
+  padding: 10rem 0 1rem 0;
   overflow: hidden auto;
   -webkit-overflow-scrolling: touch;
 }