Make triangle shape concave and follow circle

Trio Watch App Extension/Views/CarbsInputView.swift

@@ -7,6 +7,7 @@ struct CarbsInputView: View {
     @Environment(\.dismiss) var dismiss
     @State private var carbsAmount = 0
     @State private var navigateToBolus = false // Track navigation to BolusInputView
+    @FocusState private var isCrownFocused: Bool // Manage crown focus
 
     let state: WatchState
     let continueToBolus: Bool
@@ -18,9 +19,14 @@ struct CarbsInputView: View {
         VStack {
             Picker("Carbs", selection: $carbsAmount) {
                 ForEach(0 ... 100, id: \.self) { amount in
-                    Text("\(amount)g").tag(amount)
+                    Text("\(amount) g").tag(amount)
                 }
             }
+            .focusable(true) // Enable focus for Digital Crown
+            .focused($isCrownFocused) // Bind focus state
+            .onAppear {
+                isCrownFocused = true // Automatically focus when view appears
+            }
 
             Button(buttonLabel) {
                 if continueToBolus {

Trio Watch App Extension/Views/TrendShape.swift

@@ -1,16 +1,19 @@
 import SwiftUI
 
 struct Triangle: Shape {
+    /// Flag to be able to adjust size based on Apple Watch size
+    let isSmallDevice: Bool
+
     /// Creates a triangle shape pointing to the right
     func path(in rect: CGRect) -> Path {
         var path = Path()
 
         // Draw the triangle pointing to the right
-        path.move(to: CGPoint(x: rect.maxX - 10, y: rect.midY))
+        path.move(to: CGPoint(x: rect.maxX - (isSmallDevice ? 7.5 : 9), y: rect.midY))
         path.addLine(to: CGPoint(x: rect.minX, y: rect.minY))
         path.addQuadCurve(
             to: CGPoint(x: rect.minX, y: rect.maxY),
-            control: CGPoint(x: rect.midX - 15, y: rect.midY)
+            control: CGPoint(x: rect.midX - (isSmallDevice ? 5 : 7), y: rect.midY)
         )
         path.closeSubpath()
 
@@ -47,7 +50,7 @@ struct TrendShape: View {
         let strokeWidth: CGFloat = isSmallDevice ? 4 : 5
         let circleSize: CGFloat = isSmallDevice ? 74 : 92
         let triangleSize: CGFloat = isSmallDevice ? 16 : 20
-        let offset: CGFloat = isSmallDevice ? 47 : 56
+        let offset: CGFloat = isSmallDevice ? 47.5 : 59
 
         ZStack {
             // Outer circle with gradient
@@ -57,7 +60,7 @@ struct TrendShape: View {
                 .background(Circle().fill(Color.black))
 
             // Triangle with the color of the last gradient color
-            Triangle()
+            Triangle(isSmallDevice: isSmallDevice)
                 .fill(triangleColor)
                 .frame(width: triangleSize, height: triangleSize)
                 .offset(x: offset)

Trio Watch App Extension/Views/TrioMainWatchView.swift

@@ -77,7 +77,7 @@ struct TrioMainWatchView: View {
                         showingTreatmentMenuSheet.toggle()
                     } label: {
                         Image(systemName: "plus")
-                            .foregroundStyle(.black)
+                            .foregroundStyle(Color.bgDarkerDarkBlue)
                     }
                     .controlSize(.large)
                     .buttonStyle(WatchOSButtonStyle())