how it works to top bar

apps/ios/Shared/Views/Onboarding/OnboardingView.swift

@@ -13,7 +13,7 @@ struct OnboardingView: View {
 
     var body: some View {
         switch onboarding {
-        case .step1_SimpleXInfo: SimpleXInfo(onboarding: true)
+        case .step1_SimpleXInfo: NavigationView { SimpleXInfo(onboarding: true) }
         case .step2_CreateProfile: CreateFirstProfile()
         case .step3_CreateSimpleXAddress: CreateSimpleXAddress()
         case .step4_SetNotificationsMode: SetNotificationsMode()

apps/ios/Shared/Views/Onboarding/SimpleXInfo.swift

@@ -12,7 +12,6 @@ import SimpleXChat
 struct SimpleXInfo: View {
     @EnvironmentObject var m: ChatModel
     @Environment(\.colorScheme) var colorScheme: ColorScheme
-    @State private var showHowItWorks = false
     var onboarding: Bool
 
     var body: some View {
@@ -55,19 +54,16 @@ struct SimpleXInfo: View {
                         .padding(.bottom, 8)
                         .frame(maxWidth: .infinity)
                     }
-
-                    Button {
-                        showHowItWorks = true
-                    } label: {
-                        Label("How it works", systemImage: "info.circle")
-                            .font(.subheadline)
-                    }
-                    .padding(.bottom, 8)
-                    .frame(maxWidth: .infinity)
-
                 }
                 .frame(minHeight: g.size.height)
             }
+            .toolbar {
+                ToolbarItem(placement: .topBarTrailing) {
+                    InfoSheetButton {
+                        HowItWorks(onboarding: onboarding)
+                    }
+                }
+            }
             .sheet(isPresented: Binding(
                 get: { m.migrationState != nil },
                 set: { _ in
@@ -82,9 +78,6 @@ struct SimpleXInfo: View {
                     .modifier(ThemedBackground(grouped: true))
                 }
             }
-            .sheet(isPresented: $showHowItWorks) {
-                HowItWorks(onboarding: onboarding)
-            }
         }
         .frame(maxHeight: .infinity)
         .padding()