                                 HStack {
                                     Circle()
                                         .stroke(.gray)
+                                        .background(Circle().foregroundColor(.clear))
                                         .frame(width: 14, height: 14)
-                                        .padding(.leading, 4)
-                                    
+
                                     TextField(
-                                        "Add another...",
+                                        planItems.isEmpty ? "Add plan..." : "Add another...",
                                         text: $newPlanItem,
                                         onCommit: {
                                             if !newPlanItem.isEmpty {

    var body: some View {
        HStack {
            Circle()
                .strokeBorder(item.isCompleted ? .green : .gray, lineWidth: 1.0)
                .background(
                    Circle().foregroundColor(item.isCompleted ? .green : .clear)
                )
                .frame(width: 14, height: 14)
                .padding(.leading, 4)
            
            Text(item.task)
                .foregroundColor(item.isCompleted ? .secondary : .primary)

        }
        .contentShape(Rectangle()) // In order to make the whole thing clickable
        .onTapGesture { item.isCompleted = !item.isCompleted }
        // FIXME: doesn't work.
        .contextMenu { Button("Remove item", action: { item.isRemoved = true }) }
    }
}

extension NSTextView {
    open override var frame: CGRect {
        didSet {
            backgroundColor = .clear
            drawsBackground = true
        }
    }
}

