@import "./fontawesome/font_awesome.css";

body {
  display: grid;
  grid-template: 
    "summary detail" 1fr
    "controls controls" 40px
    /1fr      1fr
  ;
}

task-list {
  grid-area: summary;

  display: grid;
}

task-summary:hover {
  background-color: #eee;
  cursor: pointer;
}

task-summary:active {
  background-color: #ddd;
}

task-detail {
  grid-area: detail;

  background-color: #eee;
}

#add_button { 
  grid-area: controls;
}

#add_button::before {
  content: "\f0fe"; /* plus square */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: green;
}

#delete_button::before {
  content: "\f2ed"; /* trash can */
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: red;
}
