Invite button: fiddle with touch area

Instead of the whole width of the screen being touchable, make the
clickable component 48dp high and 16dp padding either side of the
content.

features/roomlist/impl/src/main/kotlin/io/element/android/features/roomlist/impl/RoomListView.kt

@@ -18,7 +18,6 @@ package io.element.android.features.roomlist.impl
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
-import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.ExperimentalLayoutApi
@@ -236,32 +235,34 @@ fun RoomListContent(
 
                     if (state.invitesState != InvitesState.NoInvites) {
                         item {
-                            Row(
+                            Box(
-                                horizontalArrangement = Arrangement.End,
+                                modifier = Modifier.fillMaxWidth(),
-                                verticalAlignment = Alignment.CenterVertically,
-                                modifier = Modifier
-                                    .fillMaxSize()
-                                    .clickable(role = Role.Button, onClick = onInvitesClicked)
-                                    .heightIn(min = 48.dp),
                             ) {
-                                Text(
+                                Row(
-                                    text = stringResource(StringR.string.action_invites_list),
+                                    modifier = Modifier
-                                    fontSize = 14.sp,
+                                        .clickable(role = Role.Button, onClick = onInvitesClicked)
-                                    style = noFontPadding,
+                                        .padding(horizontal = 16.dp)
-                                )
+                                        .align(Alignment.CenterEnd)
+                                        .heightIn(min = 48.dp),
+                                    verticalAlignment = Alignment.CenterVertically,
+                                ) {
+                                    Text(
+                                        text = stringResource(StringR.string.action_invites_list),
+                                        fontSize = 14.sp,
+                                        style = noFontPadding,
+                                    )
 
-                                if (state.invitesState == InvitesState.NewInvites) {
+                                    if (state.invitesState == InvitesState.NewInvites) {
-                                    Spacer(Modifier.width(8.dp))
+                                        Spacer(Modifier.width(8.dp))
 
-                                    Box(
+                                        Box(
-                                        modifier = Modifier
+                                            modifier = Modifier
-                                            .size(12.dp)
+                                                .size(12.dp)
-                                            .clip(CircleShape)
+                                                .clip(CircleShape)
-                                            .background(MaterialTheme.roomListUnreadIndicator())
+                                                .background(MaterialTheme.roomListUnreadIndicator())
-                                    )
+                                        )
+                                    }
                                 }
-
-                                Spacer(Modifier.width(16.dp))
                             }
                         }
                     }