Add vibrant styling to Account Views

iOS/Settings/Account/SettingsAddAccountView.swift

@@ -11,18 +11,32 @@ import Account
 
 struct SettingsAddAccountView : View {
 	@Environment(\.presentationMode) var presentation
+	@State private var accountAddAction: Int? = nil
 
     var body: some View {
 		Form {
-			NavigationLink(destination: SettingsLocalAccountView(name: "")) {
+			
+			NavigationLink(destination: SettingsLocalAccountView(name: ""), tag: 1, selection: $accountAddAction) {
 				SettingsAccountLabelView(accountImage: "accountLocal", accountLabel: Account.defaultLocalAccountName)
 			}
-			NavigationLink(destination: SettingsFeedbinAccountView(viewModel: SettingsFeedbinAccountView.ViewModel())) {
+			.modifier(VibrantSelectAction(action: {
+				self.accountAddAction = 1
+			}))
+			
+			NavigationLink(destination: SettingsFeedbinAccountView(viewModel: SettingsFeedbinAccountView.ViewModel()), tag: 2, selection: $accountAddAction) {
 				SettingsAccountLabelView(accountImage: "accountFeedbin", accountLabel: "Feedbin")
 			}
-			NavigationLink(destination: SettingsReaderAPIAccountView(viewModel: SettingsReaderAPIAccountView.ViewModel(accountType: .freshRSS))) {
+			.modifier(VibrantSelectAction(action: {
+				self.accountAddAction = 2
+			}))
+			
+			NavigationLink(destination: SettingsReaderAPIAccountView(viewModel: SettingsReaderAPIAccountView.ViewModel(accountType: .freshRSS)), tag: 3, selection: $accountAddAction) {
 				SettingsAccountLabelView(accountImage: "accountFreshRSS", accountLabel: "Fresh RSS")
 			}
+			.modifier(VibrantSelectAction(action: {
+				self.accountAddAction = 3
+			}))
+			
 		}
 		.navigationBarTitle(Text("Add Account"), displayMode: .inline)
 	}

iOS/Settings/Account/SettingsDetailAccountView.swift

@@ -29,14 +29,10 @@ struct SettingsDetailAccountView : View {
 			}
 			if viewModel.isCreditialsAvailable {
 				Section {
-					HStack {
+					Button(action: {
-						Spacer()
+						self.accountType = self.viewModel.account.type
-						Button(action: {
+					}) {
-							self.accountType = self.viewModel.account.type
+						Text("Credentials")
-						}) {
-							Text("Credentials")
-						}
-						Spacer()
 					}
 				}
 				.sheet(item: $accountType) { type in
@@ -50,14 +46,10 @@ struct SettingsDetailAccountView : View {
 			}
 			if viewModel.isDeletable {
 				Section {
-					HStack {
+					Button(action: {
-						Spacer()
+						self.isDeleteAlertPresented.toggle()
-						Button(action: {
+					}) {
-							self.isDeleteAlertPresented.toggle()
+						Text("Delete Account").foregroundColor(.red)
-						}) {
-							Text("Delete Account").foregroundColor(.red)
-						}
-						Spacer()
 					}
 					.alert(isPresented: $isDeleteAlertPresented) {
 						Alert(title: Text("Are you sure you want to delete \"\(viewModel.nameForDisplay)\"?"),
@@ -70,6 +62,7 @@ struct SettingsDetailAccountView : View {
 				}
 			}
 		}
+		.buttonStyle(VibrantButtonStyle(alignment: .center))
 		.navigationBarTitle(Text(verbatim: viewModel.nameForDisplay), displayMode: .inline)
 
 	}

iOS/Settings/Account/SettingsFeedbinAccountView.swift

@@ -38,18 +38,15 @@ struct SettingsFeedbinAccountView : View {
 					Spacer()
 				}
 				) {
-				HStack {
+				Button(action: { self.addAccount() }) {
-					Spacer()
+					if viewModel.isUpdate {
-					Button(action: { self.addAccount() }) {
+						Text("Update Account")
-						if viewModel.isUpdate {
+					} else {
-							Text("Update Account")
+						Text("Add Account")
-						} else {
-							Text("Add Account")
-						}
 					}
-					.disabled(!viewModel.isValid)
-					Spacer()
 				}
+				.buttonStyle(VibrantButtonStyle(alignment: .center))
+				.disabled(!viewModel.isValid)
 			}
 		}
 //		.disabled(busy)  // Maybe someday we can do this, but right now it crashes on the iPad

iOS/Settings/Account/SettingsLocalAccountView.swift

@@ -29,13 +29,10 @@ struct SettingsLocalAccountView : View {
 				}
 			}
 			Section {
-				HStack {
+				Button(action: { self.addAccount() }) {
-					Spacer()
+					Text("Add Account")
-					Button(action: { self.addAccount() }) {
-						Text("Add Account")
-					}
-					Spacer()
 				}
+				.buttonStyle(VibrantButtonStyle(alignment: .center))
 			}
 		}
 		.navigationBarTitle(Text(""), displayMode: .inline)

iOS/Settings/Account/SettingsReaderAPIAccountView.swift

@@ -41,18 +41,15 @@ struct SettingsReaderAPIAccountView : View {
 					Spacer()
 				}
 				) {
-				HStack {
+				Button(action: { self.addAccount() }) {
-					Spacer()
+					if viewModel.isUpdate {
-					Button(action: { self.addAccount() }) {
+						Text("Update Account")
-						if viewModel.isUpdate {
+					} else {
-							Text("Update Account")
+						Text("Add Account")
-						} else {
-							Text("Add Account")
-						}
 					}
-					.disabled(!viewModel.isValid)
-					Spacer()
 				}
+				.buttonStyle(VibrantButtonStyle(alignment: .center))
+				.disabled(!viewModel.isValid)
 			}
 		}
 //			.disabled(busy)

iOS/Settings/SettingsView.swift

@@ -36,7 +36,7 @@ struct SettingsView : View {
 				buildDatabaseSection()
 				buildAboutSection()
 			}
-			.buttonStyle(VibrantButtonStyle())
+			.buttonStyle(VibrantButtonStyle(alignment: .leading))
 			.navigationBarTitle(Text("Settings"), displayMode: .inline)
 			.navigationBarItems(leading: Button(action: { self.viewController?.dismiss(animated: true) }) { Text("Done") } )
 		}

iOS/SwiftUI Extensions/VibrantButtonStyle.swift

@@ -10,10 +10,12 @@ import SwiftUI
 
 struct VibrantButtonStyle: ButtonStyle {
 	
+	let alignment: Alignment
+
     func makeBody(configuration: Configuration) -> some View {
 		GeometryReader { geometry in
 			configuration.label
-				.frame(width: geometry.size.width, height: geometry.size.height, alignment: .leading)
+				.frame(width: geometry.size.width, height: geometry.size.height, alignment: self.alignment)
 		}
 		.foregroundColor(configuration.isPressed ? Color(AppAssets.tableViewCellHighlightedTextColor) : .primary)
 		.listRowBackground(configuration.isPressed ? Color(AppAssets.tableViewCellSelectionColor) : Color(.secondarySystemGroupedBackground))