EFJAC Task Example

HTML

<ul id="tasks">
  <li class="task">
    <h2>Task name</h2>
    <p>Task description</p>
    <a href="#" class="open-task">Open</a>
    <form action="/echo/json/">
      <input type="text" name="name">
      <a href="#" class="save">Save</a>
    </form>
  </li>
</ul>

CSS

body {
  background-color: #eeeeee;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.task {
  overflow: auto;
  background-color: #ffffff;
  padding: 10px;
}
h2 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
p {
  margin: 0;
}
.open-task {
  display: block;
  float: right;
}
form {
  text-align: center;
}