Fix spacing in reactions menu header and media gallery preview icons (#6351)

* Update MediaGalleryPreviewScreen footer icons size

* Update spacing in reactions menu header

* Dump API

* Update snapshots

Author: gpunto

stream-chat-android-compose/api/stream-chat-android-compose.api

@@ -1646,8 +1646,8 @@ public final class io/getstream/chat/android/compose/ui/components/reactions/Rea
 public final class io/getstream/chat/android/compose/ui/components/selectedmessage/ComposableSingletons$MessageMenuHeaderKt {
 	public static final field INSTANCE Lio/getstream/chat/android/compose/ui/components/selectedmessage/ComposableSingletons$MessageMenuHeaderKt;
 	public fun <init> ()V
+	public final fun getLambda$1595289781$stream_chat_android_compose_release ()Lkotlin/jvm/functions/Function2;
 	public final fun getLambda$1869643284$stream_chat_android_compose_release ()Lkotlin/jvm/functions/Function2;
-	public final fun getLambda$789360109$stream_chat_android_compose_release ()Lkotlin/jvm/functions/Function2;
 }
 
 public final class io/getstream/chat/android/compose/ui/components/selectedmessage/ComposableSingletons$ReactionCountRowKt {

stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/attachments/preview/MediaGalleryPreviewScreen.kt

@@ -873,7 +873,7 @@ internal fun MediaGalleryPreviewShareIcon(
         Icon(
             painter = painterResource(id = painter),
             contentDescription = stringResource(id = description),
-            modifier = Modifier.size(24.dp),
+            modifier = Modifier.size(20.dp),
         )
     }
 }
@@ -949,6 +949,7 @@ internal fun MediaGalleryPreviewPhotosIcon(
         Icon(
             painter = painterResource(id = R.drawable.stream_design_ic_gallery),
             contentDescription = stringResource(id = R.string.stream_compose_image_preview_photos),
+            modifier = Modifier.size(20.dp),
         )
     }
 }

stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/components/selectedmessage/MessageMenuHeader.kt

@@ -18,11 +18,11 @@ package io.getstream.chat.android.compose.ui.components.selectedmessage
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
-import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.material3.Icon
+import androidx.compose.material3.minimumInteractiveComponentSize
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -37,6 +37,7 @@ import io.getstream.chat.android.compose.ui.components.button.StreamButton
 import io.getstream.chat.android.compose.ui.components.button.StreamButtonSize
 import io.getstream.chat.android.compose.ui.components.button.StreamButtonStyleDefaults
 import io.getstream.chat.android.compose.ui.components.reactions.ReactionToggleSize
+import io.getstream.chat.android.compose.ui.theme.ChatPreviewTheme
 import io.getstream.chat.android.compose.ui.theme.ChatTheme
 import io.getstream.chat.android.compose.ui.theme.ReactionToggleParams
 import io.getstream.chat.android.compose.ui.theme.StreamTokens
@@ -71,9 +72,7 @@ public fun MessageMenuHeader(
     Row(
         modifier = modifier
             .background(colors.backgroundCoreElevation2, CircleShape)
-            .border(1.dp, colors.borderCoreDefault, CircleShape)
-            .padding(StreamTokens.spacing2xs),
-        horizontalArrangement = Arrangement.spacedBy(StreamTokens.spacing3xs),
+            .border(1.dp, colors.borderCoreDefault, CircleShape),
         verticalAlignment = Alignment.CenterVertically,
     ) {
         options.forEach { option ->
@@ -84,7 +83,9 @@ public fun MessageMenuHeader(
                     size = ReactionToggleSize.Large,
                     checked = option.isSelected,
                     onCheckedChange = { _ -> onReactionOptionSelected(option) },
-                    modifier = Modifier.testTag("Stream_Reaction_${option.type}"),
+                    modifier = Modifier
+                        .testTag("Stream_Reaction_${option.type}")
+                        .padding(start = StreamTokens.spacing3xs),
                 ),
             )
         }
@@ -94,7 +95,7 @@ public fun MessageMenuHeader(
                 onClick = onShowMoreReactionsSelected,
                 style = StreamButtonStyleDefaults.secondaryOutline,
                 size = StreamButtonSize.Small,
-                modifier = Modifier,
+                modifier = Modifier.minimumInteractiveComponentSize(),
             ) {
                 Icon(
                     painter = painterResource(R.drawable.stream_design_ic_plus),
@@ -108,7 +109,7 @@ public fun MessageMenuHeader(
 @Preview(showBackground = true)
 @Composable
 private fun MessageMenuHeaderPreview() {
-    ChatTheme {
+    ChatPreviewTheme {
         val reactionType = ChatTheme.reactionResolver.supportedReactions.firstOrNull()
 
         if (reactionType != null) {