UI changes for clarity on steps setting page. It's ugly but it's clear what to do.

Author: xan-m

InfiniLink/View Components/Sheets/StepsSettingsSheet.swift

@@ -23,13 +23,14 @@ struct StepSettingsSheetDatePicker: View {
 
 	var body: some View {
 		Text("Manually Add Step Count")
-			.font(.title)
+			.font(.title2)
 			.padding()
 		DatePicker("Select Date", selection: $selectedDate, displayedComponents: [.date])
 			.padding()
-		TextField("Number of Steps", text: $addDateValue.value)
+		TextField("Enter Number of Steps", text: $addDateValue.value)
+			.textFieldStyle(.roundedBorder)
 			.padding()
-			.keyboardType(.decimalPad)
+			.keyboardType(.numberPad)
 		Button {
 			StepCountPersistenceManager().setStepCount(steps: Int(addDateValue.value)!, arbitrary: true, date: selectedDate)
 		} label: {

InfiniLink/View Components/Sheets/StepsSettingsSheet/StepSettingsDatePicker.swift

@@ -23,11 +23,12 @@ struct StepSettingsSheetGoalChange: View {
 
 	var body: some View {
 		Text("Change Step Count Goal")
-			.font(.title)
+			.font(.title2)
 			.padding()
-		TextField("Step Goal", text: $setStepGoal.value)
+		TextField("Enter Step Goal", text: $setStepGoal.value)
+			.textFieldStyle(.roundedBorder)
 			.padding()
-			.keyboardType(.decimalPad)
+			.keyboardType(.numberPad)
 		Button {
 			stepCountGoal = Int(setStepGoal.value)!
 		} label: {

InfiniLink/View Components/Sheets/StepsSettingsSheet/StepSettingsGoalChange.swift

@@ -10,18 +10,29 @@
 import SwiftUI
 
 struct StepSettingsSheet: View {
+	@State var pickerState = 0
 
 	var body: some View {
 		VStack (alignment: .leading) {
 			SheetCloseButton()
-			Text("Step Count Settings")
+			Text("Steps Settings")
 				.font(.largeTitle)
 				.padding()
 				.padding(.bottom, 20)
-			StepSettingsSheetGoalChange()
-			Divider()
-				.padding()
-			StepSettingsSheetDatePicker()
+			Picker("", selection: $pickerState) {
+				Text("Step Goal").tag(0)
+				Text("Add Steps").tag(1)
+			}.pickerStyle(.segmented)
+				.padding(.bottom)
+				.padding(.horizontal)
+			switch pickerState {
+			case 0:
+				StepSettingsSheetGoalChange()
+			case 1:
+				StepSettingsSheetDatePicker()
+			default:
+				EmptyView()
+			}
 			Spacer()
 		}
 	}