Move function to the right place (pull-request) and improve board task icons

2 files changed, 76 insertions, 100 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index 04eaca54..acb1e042 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -783,11 +783,10 @@ a.filter-on {
 /* task inside the board */
 .task-board {
     position: relative;
-    margin-right: 5px;
-    margin-bottom: 10px;
+    margin-bottom: 5px;
     border: 1px solid #000;
-    padding: 5px;
-    font-size: 95%;
+    padding: 3px;
+    font-size: 0.9em;
     word-wrap: break-word;
 }
 
@@ -811,7 +810,7 @@ div.task-board-recent {
 
 .task-board-title {
     margin-top: 10px;
-    font-size: 110%;
+    font-size: 1.1em;
 }
 
 .task-board-title a {
@@ -819,7 +818,7 @@ div.task-board-recent {
 }
 
 .task-board-user {
-    font-size: 80%;
+    font-size: 0.8em;
 }
 
 .task-board-current-user a {
@@ -848,32 +847,14 @@ a.task-board-nobody {
     font-size: 0.9em;
     color: #000;
     border: 1px solid #555;
-    border-radius: 4px;
     padding: 2px;
     padding-right: 5px;
     padding-left: 5px;
 }
 
-.task-board-footer {
-    height: 25px;
-}
-
-.task-board-date {
-    position: absolute;
-    bottom: 0;
-    left: 1px;
-    font-weight: bold;
-    color: #000;
-}
-
-.task-board-date-overdue {
-    color: #D90000;
-}
-
 .task-board-icons {
-    position: absolute;
-    bottom: 0;
-    right: 5px;
+    text-align: right;
+    margin-top: 8px;
 }
 
 .task-board-icons a {
@@ -890,16 +871,43 @@ a.task-board-nobody {
     opacity: 1.0;
 }
 
+.task-board-date {
+    font-weight: bold;
+    color: #000;
+}
+
+.task-board-date-overdue {
+    color: #D90000;
+}
+
 /* task score */
 .task-score {
     font-weight: bold;
     position: absolute;
+    font-size: 1.6em;
+    right: 5px;
+    bottom: 5px;
 }
 
-.task-board .task-score {
-    font-size: 1.5em;
-    right: 5px;
-    top: 0;
+/* task age */
+.task-days-age {
+    font-size: 0.8em;
+    border: #888 1px solid;
+    border-radius:2px;
+    padding: 1px 4px 1px 2px;
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+}
+
+.task-days-incolumn {
+    font-size: 0.8em;
+    border: #888 1px solid;
+    border-left: none;
+    margin-left: -5px;
+    border-radius:2px;
+    padding: 1px 2px 1px 4px;
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
 }
 
 /* task view */
@@ -988,26 +996,6 @@ a.task-board-nobody {
     padding: 3px;
 }
 
-.task-days-age {
-    font-size: 0.8em;
-    border: #888 1px solid;
-    border-radius:2px;
-    padding: 1px 4px 1px 2px;
-    border-top-left-radius: 3px;
-    border-bottom-left-radius: 3px;
-}
-
-.task-days-incolumn {
-    font-size: 0.8em;
-    border: #888 1px solid;
-    border-left: none;
-    margin-left: -5px;
-    border-radius:2px;
-    padding: 1px 2px 1px 4px;
-    border-top-right-radius: 3px;
-    border-bottom-right-radius: 3px;
-}
-
 .task-link-closed {
     text-decoration: line-through;
 }
diff --git a/assets/css/src/task.css b/assets/css/src/task.css
index c16304a6..7a5b61c9 100644
--- a/assets/css/src/task.css
+++ b/assets/css/src/task.css
@@ -1,11 +1,10 @@
 /* task inside the board */
 .task-board {
     position: relative;
-    margin-right: 5px;
-    margin-bottom: 10px;
+    margin-bottom: 5px;
     border: 1px solid #000;
-    padding: 5px;
-    font-size: 95%;
+    padding: 3px;
+    font-size: 0.9em;
     word-wrap: break-word;
 }
 
@@ -29,7 +28,7 @@ div.task-board-recent {
 
 .task-board-title {
     margin-top: 10px;
-    font-size: 110%;
+    font-size: 1.1em;
 }
 
 .task-board-title a {
@@ -37,7 +36,7 @@ div.task-board-recent {
 }
 
 .task-board-user {
-    font-size: 80%;
+    font-size: 0.8em;
 }
 
 .task-board-current-user a {
@@ -66,32 +65,14 @@ a.task-board-nobody {
     font-size: 0.9em;
     color: #000;
     border: 1px solid #555;
-    border-radius: 4px;
     padding: 2px;
     padding-right: 5px;
     padding-left: 5px;
 }
 
-.task-board-footer {
-    height: 25px;
-}
-
-.task-board-date {
-    position: absolute;
-    bottom: 0;
-    left: 1px;
-    font-weight: bold;
-    color: #000;
-}
-
-.task-board-date-overdue {
-    color: #D90000;
-}
-
 .task-board-icons {
-    position: absolute;
-    bottom: 0;
-    right: 5px;
+    text-align: right;
+    margin-top: 8px;
 }
 
 .task-board-icons a {
@@ -108,16 +89,43 @@ a.task-board-nobody {
     opacity: 1.0;
 }
 
+.task-board-date {
+    font-weight: bold;
+    color: #000;
+}
+
+.task-board-date-overdue {
+    color: #D90000;
+}
+
 /* task score */
 .task-score {
     font-weight: bold;
     position: absolute;
+    font-size: 1.6em;
+    right: 5px;
+    bottom: 5px;
 }
 
-.task-board .task-score {
-    font-size: 1.5em;
-    right: 5px;
-    top: 0;
+/* task age */
+.task-days-age {
+    font-size: 0.8em;
+    border: #888 1px solid;
+    border-radius:2px;
+    padding: 1px 4px 1px 2px;
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+}
+
+.task-days-incolumn {
+    font-size: 0.8em;
+    border: #888 1px solid;
+    border-left: none;
+    margin-left: -5px;
+    border-radius:2px;
+    padding: 1px 2px 1px 4px;
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
 }
 
 /* task view */
@@ -206,26 +214,6 @@ a.task-board-nobody {
     padding: 3px;
 }
 
-.task-days-age {
-    font-size: 0.8em;
-    border: #888 1px solid;
-    border-radius:2px;
-    padding: 1px 4px 1px 2px;
-    border-top-left-radius: 3px;
-    border-bottom-left-radius: 3px;
-}
-
-.task-days-incolumn {
-    font-size: 0.8em;
-    border: #888 1px solid;
-    border-left: none;
-    margin-left: -5px;
-    border-radius:2px;
-    padding: 1px 2px 1px 4px;
-    border-top-right-radius: 3px;
-    border-bottom-right-radius: 3px;
-}
-
 .task-link-closed {
     text-decoration: line-through;
 }