Task.java

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Font;
import java.awt.Insets;
import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextField;

public class Task extends JPanel {

    private JLabel index;
    private JTextField name;
    private JButton done;

    private boolean checked;

    public Task(String taskName) {
        this.setPreferredSize(new Dimension(400, 50));  // a bit taller for padding
        this.setBackground(new Color(0, 102, 204)); // lighter blue
        this.setLayout(new BorderLayout());

        // Add a compound border: gray line + padding inside
        this.setBorder(BorderFactory.createCompoundBorder(
            BorderFactory.createLineBorder(Color.GRAY, 1), 
            BorderFactory.createEmptyBorder(5, 10, 5, 10)
        ));

        checked = false;

        index = new JLabel("");
        index.setPreferredSize(new Dimension(30, 30));
        index.setHorizontalAlignment(JLabel.CENTER);
        index.setForeground(Color.WHITE);
        index.setFont(new Font("Arial", Font.BOLD, 16));
        this.add(index, BorderLayout.WEST);

        name = new JTextField(taskName);
        name.setEditable(true);
        name.setForeground(Color.WHITE);
        name.setBackground(new Color(0, 102, 204));
        name.setBorder(BorderFactory.createEmptyBorder(5, 5, 5, 5));
        name.setFont(new Font("Arial", Font.PLAIN, 14));
        this.add(name, BorderLayout.CENTER);

        done = new JButton("Done");
        done.setPreferredSize(new Dimension(80, 30));
        done.setBorder(BorderFactory.createLineBorder(Color.DARK_GRAY));
        done.setBackground(Color.GREEN);
        done.setForeground(Color.BLACK);
        done.setFocusPainted(false);
        done.setMargin(new Insets(5, 10, 5, 10));
        this.add(done, BorderLayout.EAST);
    }

    public JButton getDone() {
        return done;
    }

    public void changeIndex(int num) {
        this.index.setText(num + "");
        this.revalidate();
        this.repaint();
    }

    public void changeState() {
        this.setBackground(Color.GREEN.darker());
        this.name.setBackground(Color.GREEN.darker());
        this.name.setEditable(false);
        checked = true;
    }

    public boolean isChecked() {
        return checked;
    }

}