better layout of the advanced sections

Cable/Batteries/BatteryEditorView.swift

@@ -886,18 +886,6 @@ struct BatteryEditorView: View {
                     .listRowSeparator(.hidden)
                     .listRowBackground(Color(.systemBackground))
             }
-        } footer: {
-            if isAdvancedExpanded {
-                VStack(alignment: .leading, spacing: 8) {
-                    Text(usableCapacityFooterText)
-                    Text(chargeVoltageHelperText)
-                    Text(cutOffVoltageHelperText)
-                    Text(temperatureRangeHelperText)
-                }
-                .font(.caption)
-                .foregroundStyle(.secondary)
-                .opacity(advancedEnabled ? 1 : 0.35)
-            }
         }
         .listRowSeparator(.hidden)
         .listRowInsets(EdgeInsets(top: 12, leading: 18, bottom: 12, trailing: 18))
@@ -906,6 +894,7 @@ struct BatteryEditorView: View {
 
     private var advancedControls: some View {
         VStack(spacing: 16) {
+            VStack(alignment: .leading, spacing: 8) {
                 EditableSliderRow(
                     title: usableCapacitySliderTitle,
                     unit: "%",
@@ -932,7 +921,12 @@ struct BatteryEditorView: View {
                         saveTitle: alertSaveTitle
                     )
                 )
+                Text(usableCapacityFooterText)
+                    .font(.caption)
+                    .foregroundStyle(.secondary)
+            }
 
+            VStack(alignment: .leading, spacing: 8) {
                 EditableSliderRow(
                     title: chargeVoltageTitle,
                     unit: "V",
@@ -957,7 +951,12 @@ struct BatteryEditorView: View {
                         saveTitle: alertSaveTitle
                     )
                 )
+                Text(chargeVoltageHelperText)
+                    .font(.caption)
+                    .foregroundStyle(.secondary)
+            }
 
+            VStack(alignment: .leading, spacing: 8) {
                 EditableSliderRow(
                     title: cutOffVoltageTitle,
                     unit: "V",
@@ -982,8 +981,17 @@ struct BatteryEditorView: View {
                         saveTitle: alertSaveTitle
                     )
                 )
+                Text(cutOffVoltageHelperText)
+                    .font(.caption)
+                    .foregroundStyle(.secondary)
+            }
 
+            VStack(alignment: .leading, spacing: 8) {
                 temperatureRangeRow
+                Text(temperatureRangeHelperText)
+                    .font(.caption)
+                    .foregroundStyle(.secondary)
+            }
         }
         .padding(.top, 6)
     }

Cable/Loads/CalculatorView.swift

@@ -1040,28 +1040,31 @@ struct CalculatorView: View {
                         .listRowSeparator(.hidden)
                         .listRowBackground(Color(.systemBackground))
                 }
+                VStack(alignment: .leading, spacing: 8) {
                     dutyCycleSlider
                         .listRowSeparator(.hidden)
                         .listRowBackground(Color(.systemBackground))
                         .opacity(advancedEnabled ? 1 : 0.35)
                         .allowsHitTesting(advancedEnabled)
+                    Text(dutyCycleHelperText)
+                        .font(.caption)
+                        .foregroundStyle(.secondary)
+                        .opacity(advancedEnabled ? 1 : 0.35)
+                }
+
+                VStack(alignment: .leading, spacing: 8) {
                     usageHoursSlider
                         .listRowSeparator(.hidden)
                         .listRowBackground(Color(.systemBackground))
                         .opacity(advancedEnabled ? 1 : 0.35)
                         .allowsHitTesting(advancedEnabled)
-            }
-        } footer: {
-            if isAdvancedExpanded {
-                VStack(alignment: .leading, spacing: 8) {
-                    Text(dutyCycleHelperText)
                     Text(usageHoursHelperText)
-                }
                         .font(.caption)
                         .foregroundStyle(.secondary)
                         .opacity(advancedEnabled ? 1 : 0.35)
                 }
             }
+        }
         .listRowSeparator(.hidden)
         .listRowInsets(EdgeInsets(top: 12, leading: 18, bottom: 12, trailing: 18))
         .animation(.easeInOut(duration: 0.2), value: isAdvancedExpanded)