1 files changed, 56 insertions, 70 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index 78fc29bd..fcfe6b1a 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -478,7 +478,7 @@ nav .active a {
     padding-left: 0;
 }
 
-/* boards */
+/* board */
 .page-header.board {
     margin-bottom: 0;
 }
@@ -506,6 +506,11 @@ nav .active a {
     font-size: 0.8em;
 }
 
+a.filter-on {
+    font-weight: bold;
+    color: #333;
+}
+
 .public-board {
     margin-top: 5px;
 }
@@ -523,32 +528,67 @@ nav .active a {
     background-color: red;
 }
 
-a.filter-on {
+.draggable-item {
+    cursor: pointer;
+    user-select: none;
+}
+
+.draggable-placeholder {
+    border: 2px dashed #000;
+    background: #fafafa;
+    height: 70px;
+    margin-bottom: 10px;
+}
+
+/* task inside the board */
+.task-board {
+    position: relative;
+    margin-right: 5px;
+    margin-bottom: 10px;
+    border: 1px solid #000;
+    padding: 5px;
+    font-size: 95%;
+}
+
+.task-table a,
+.task-board a {
+    color: #000;
+    text-decoration: none;
     font-weight: bold;
-    color: #333;
 }
 
-.task-title {
+.task-table a:focus,
+.task-table a:hover,
+.task-board a:focus,
+.task-board a:hover {
+    text-decoration: underline;
+}
+
+.task-board-title {
     margin-top: 10px;
     font-size: 110%;
 }
 
-.task-user {
+.task-board-title a {
+    font-weight: normal;
+}
+
+.task-board-user {
     font-size: 80%;
 }
 
-.task a.task-nobody {
+a.task-board-nobody {
     font-weight: normal;
     font-style: italic;
     color: #444;
 }
 
-.task-category-container {
+.task-board-category-container {
     text-align: right;
     padding-bottom: 2px;
 }
 
-.task-category {
+.task-board-category {
     font-weight: bold;
     font-size: 0.8em;
     color: #000;
@@ -559,7 +599,11 @@ a.filter-on {
     padding-left: 5px;
 }
 
-.task-date {
+.task-board-footer {
+    height: 18px;
+}
+
+.task-board-date {
     position: absolute;
     bottom: 0;
     left: 5px;
@@ -567,82 +611,24 @@ a.filter-on {
     color: #D90000;
 }
 
-.task-icons {
+.task-board-icons {
     position: absolute;
     bottom: 0;
     right: 5px;
 }
 
-.task-footer {
-    height: 18px;
-}
-
-.task {
-    border: 1px solid #000;
-    padding: 5px;
-    font-size: 95%;
-}
-
-td.over {
-    background-color: #f0f0f0;
-}
-
-td div.over {
-    border: 2px dashed #000;
-}
-
-.draggable-item {
-    cursor: pointer;
-    user-select: none;
-}
-
-.draggable-placeholder {
-    border: 2px dashed #000;
-    background: #fafafa;
-    height: 70px;
-    margin-bottom: 10px;
-}
-
-tr td.task a,
-div.task a {
-    color: #000;
-    text-decoration: none;
-    font-weight: bold;
-}
-
-tr td.task a:focus,
-tr td.task a:hover,
-div.task a:focus,
-div.task a:hover {
-    text-decoration: underline;
-}
-
-div.task-title a {
-    font-weight: normal;
-}
-
-div.task {
-    position: relative;
-    margin-right: 5px;
-    margin-bottom: 10px;
-}
-
+/* task score */
 .task-score {
     font-weight: bold;
     position: absolute;
 }
 
-div.task .task-score {
+.task-board .task-score {
     font-size: 1.5em;
     right: 5px;
     top: 0;
 }
 
-.task-table-icons {
-    float: right ;
-    text-align: right;
-}
-
 /* task view */
 .task-show {
     position: relative;