diff -r 000000000000 -r bca7a7e058a3 src/pyams_skin/resources/less/apps/todo.less
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_skin/resources/less/apps/todo.less	Thu Feb 13 11:43:31 2020 +0100
@@ -0,0 +1,89 @@
+/*
+ * Todo-like application
+ */
+
+.todo {
+	margin: 0;
+	padding: 0;
+	min-height: 5px;
+	list-style: none;
+
+	>li {
+		display: block;
+		position: relative;
+		overflow: hidden;
+		border-bottom: 1px solid #e7e7e7;
+		margin: 0 5px;
+		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAQCAYAAADagWXwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkQ1OEY4NTM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkQ1OEY4NjM4NUIxMUUzQjdCMUMxQzJCQUE3MTMxOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGRDU4RjgzMzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGRDU4Rjg0Mzg1QjExRTNCN0IxQzFDMkJBQTcxMzE4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pTD+wgAAACtJREFUeNpimDBhwn8gYABhdDYjiIELMDHgAUwTJ06Ea0VnjxpLO2MBAgwAGYZLegQbQ3UAAAAASUVORK5CYII=) 1px 11px no-repeat;
+
+		&:last-child,
+		&:only-child {
+			border-bottom: 0;
+		}
+		>:first-child {
+			display: block;
+			border-right: 1px solid #FFE1EB;
+			height: 100%;
+			padding: 6px 11px 6px 18px;
+			width: 20px;
+			vertical-align: top;
+			position: absolute;
+
+			&:hover {
+				cursor: move;
+			}
+		}
+		&.complete {
+			background: 0 0;
+
+			&.complete >:first-child:hover {
+				cursor: default;
+			}
+			>* {
+				text-decoration: line-through;
+				font-style: italic;
+			}
+		}
+		&.ui-sortable-helper {
+			border-top: 1px solid #eee;
+			background: rgba(113, 132, 63, .1);
+		}
+		>p {
+			height: 100%;
+			margin-left: 52px;
+			border-left: 1px solid #FFE1EB;
+			display: inline-block;
+			padding: 8px 0 6px 7px;
+			margin-bottom: 0;
+			min-height: 37px;
+			line-height: normal;
+			font-size: 14px;
+			font-weight: 500;
+			color: #333;
+
+			>span {
+				display: block;
+				line-height: 12px;
+				font-size: 10px;
+				font-weight: 400;
+			}
+			>:first-child {
+				margin-top: -5px;
+				color: #999;
+				margin-bottom: 4px;
+			}
+			>.date {
+				color: #bfbfbf;
+			}
+		}
+	}
+	&-group-title {
+		margin: 0;
+		line-height: 31px;
+		padding: 0 0 0 10px;
+		background: #fafafa;
+		border-bottom: 1px solid #e7e7e7;
+		border-top: 1px solid #f4f4f4;
+		color: #999;
+	}
+}