android: make settings button focusable and clickable (#484)

Fixes tailscale/corp#22717 Signed-off-by: kari-ts <kari@tailscale.com>
3 months ago · d94125e767
parent eae8789628
commit d94125e767
1 changed files with 22 additions and 16 deletions
--- a/android/src/main/java/com/tailscale/ipn/ui/view/MainView.kt
+++ b/android/src/main/java/com/tailscale/ipn/ui/view/MainView.kt
@ -187,22 +187,28 @@ fun MainView(
                  }
                },
                trailingContent = {
-                  Box(modifier = Modifier.weight(1f), contentAlignment = Alignment.CenterEnd) {
-                    when (user) {
-                      null -> SettingsButton { navigation.onNavigateToSettings() }
-                      else ->
-                          Box(
-                              contentAlignment = Alignment.Center,
-                              modifier =
-                                  Modifier.size(42.dp).clip(CircleShape).clickable {
-                                    navigation.onNavigateToSettings()
-                                  }) {
-                                Avatar(profile = user, size = 36) {
-                                  navigation.onNavigateToSettings()
-                                }
-                              }
-                    }
-                  }
+                  Box(
+                      modifier =
+                          Modifier.weight(1f)
+                              .focusable()
+                              .clickable { navigation.onNavigateToSettings() }
+                              .padding(8.dp), 
+                      contentAlignment = Alignment.CenterEnd) {
+                        when (user) {
+                          null -> SettingsButton { navigation.onNavigateToSettings() }
+                          else ->
+                              Box(
+                                  contentAlignment = Alignment.Center,
+                                  modifier =
+                                      Modifier.size(42.dp).clip(CircleShape).focusable().clickable {
+                                        navigation.onNavigateToSettings()
+                                      }) {
+                                    Avatar(profile = user, size = 36) {
+                                      navigation.onNavigateToSettings()
+                                    }
+                                  }
+                        }
+                      }
                })

            when (state) {