diff --git a/ios/Packages/Sybil/Sources/Sybil/SybilSidebarView.swift b/ios/Packages/Sybil/Sources/Sybil/SybilSidebarView.swift index 12d7611..7719dbf 100644 --- a/ios/Packages/Sybil/Sources/Sybil/SybilSidebarView.swift +++ b/ios/Packages/Sybil/Sources/Sybil/SybilSidebarView.swift @@ -151,25 +151,6 @@ struct SybilSidebarView: View { } } - Divider() - .overlay(SybilTheme.border) - - Button { - viewModel.openSettings() - } label: { - Label("Settings", systemImage: "gearshape") - .font(.sybil(.subheadline, weight: .medium)) - .foregroundStyle(SybilTheme.text) - .padding(.horizontal, 12) - .padding(.vertical, 10) - .frame(maxWidth: .infinity, alignment: .leading) - .background( - RoundedRectangle(cornerRadius: 12) - .fill(viewModel.selectedItem == .settings ? SybilTheme.primary.opacity(0.28) : Color.clear) - ) - } - .buttonStyle(.plain) - .padding(10) } .background(SybilTheme.panelGradient) .navigationTitle("") @@ -178,6 +159,17 @@ struct SybilSidebarView: View { ToolbarItem(placement: .topBarLeading) { SybilWordmark(size: 18) } + + ToolbarItem(placement: .topBarTrailing) { + Button { + viewModel.openSettings() + } label: { + Image(systemName: viewModel.selectedItem == .settings ? "gearshape.fill" : "gearshape") + .font(.system(size: 16, weight: .semibold)) + .foregroundStyle(viewModel.selectedItem == .settings ? SybilTheme.primary : SybilTheme.textMuted) + } + .accessibilityLabel("Settings") + } } }