add some margins to the reactions on a message

Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>

app/src/main/java/com/nextcloud/talk/adapters/messages/MagicIncomingTextMessageViewHolder.kt

@@ -142,7 +142,12 @@ class MagicIncomingTextMessageViewHolder(itemView: View, payload: Any) : Message
                     ViewGroup.LayoutParams.WRAP_CONTENT,
                     ViewGroup.LayoutParams.WRAP_CONTENT
                 )
-                params.setMargins(0, 0, EMOJI_RIGHT_MARGIN, 0)
+                params.setMargins(
+                    DisplayUtils.convertDpToPixel(EMOJI_START_MARGIN, context).toInt(),
+                    0,
+                    DisplayUtils.convertDpToPixel(EMOJI_END_MARGIN, context).toInt(),
+                    0
+                )
                 reactionAmount.layoutParams = params
 
                 binding.reactionsEmojiWrapper.addView(reactionEmoji)
@@ -308,6 +313,7 @@ class MagicIncomingTextMessageViewHolder(itemView: View, payload: Any) : Message
     companion object {
         const val TEXT_SIZE_MULTIPLIER = 2.5
         const val MAX_EMOJIS_TO_DISPLAY = 4
-        const val EMOJI_RIGHT_MARGIN: Int = 10
+        const val EMOJI_START_MARGIN: Float = 2F
+        const val EMOJI_END_MARGIN: Float = 8F
     }
 }