improved css, implemented setting task state directly in project tree

web/src/main/resources/web/css/default.css

@@ -1,6 +1,6 @@
 @font-face {
 	font-family: "awesome";
-	src: url("../fontawesome-webfont.woff");
+	src: url("/fontawesome-webfont.woff");
 }
 
 a {
@@ -82,20 +82,20 @@ td, tr{
     background: rgba(0,0,0,0.7);
     backdrop-filter: blur(3px);
 }
-.task.cancelled > .name {
+.task.cancelled > span {
     text-decoration: line-through;
     color: gray;
 }
-.task.started > .name {
+.task.started > span {
     color: green;
 }
-.task.pending > .name {
+.task.pending > span {
     color: gray;
 }
-.task.complete > .name {
-   color: green;
+.task.complete > span {
+   color: forestgreen;
 }
-.task.complete > .name:before {
+.task.complete > span:before {
     content: "✓ ";
 }
 
@@ -116,8 +116,12 @@ td, tr{
   border-radius: 5px;
 }
 
-.project .name,
+.project:not(.list) .name,
 .task .name{
     font-size: 32px;
     font-weight: bold;
-}
+}
+
+.symbol{
+    padding: 1px;
+}