To-Do Lists .xforms-control label { display: inline } .list-container .xforms-control input { margin: 0} .actions-label { white-space: nowrap; text-align: right; } .actions-list { white-space: nowrap; } .actions-action { padding-left: 1em; } .lists-container { margin-top: 2em; } .list-container { padding: 5px; margin-top: 1em; margin-bottom: 5px; border: solid 1px #f93; cursor: pointer; } .todo-container { padding: 2px; cursor: pointer; } .todo-status { padding-left: 4px; } .todo-position { width: 15px; display: inline-block; } .todo-action-table td { white-space: nowrap; vertical-align: middle } .todo-action-table input { vertical-align: middle } .todo-action-table .xforms-trigger { vertical-align: middle } .xforms-trigger-appearance-minimal img { margin-right: 0.5em; vertical-align: middle } .xforms-repeat-selected-item-1 { background-color: #ffc } .xforms-repeat-selected-item-2 { background-color: #ff9 } Note: To select a list or to do, click on the list or to do description. Current to-do list: Edit New Delete Current to do: Edit New Delete Add due date Remove due date true Done Not done -- due on: