From 159c31cd3f23f45c1cf51c71f1049714ea603eb3 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Sun, 26 Feb 2017 12:17:39 -0500
Subject: Redesign users list layout

---
 assets/sass/_table_list.sass    | 45 ++++++++++++++++++++++++++++++++++++++++-
 assets/sass/_task_category.sass | 17 +++-------------
 2 files changed, 47 insertions(+), 15 deletions(-)

(limited to 'assets/sass')

diff --git a/assets/sass/_table_list.sass b/assets/sass/_table_list.sass
index f9d3b5e3..6f5625a4 100644
--- a/assets/sass/_table_list.sass
+++ b/assets/sass/_table_list.sass
@@ -40,6 +40,7 @@
 
   .table-list-title
     font-weight: 500
+    line-height: 23px
     &.status-closed
       text-decoration: line-through
       margin-right: 10px
@@ -55,10 +56,52 @@
     color: color('light')
     font-weight: 300
     line-height: 30px
+    span
+      margin-left: 5px
+      &:first-child
+        margin-left: 0
     li
       display: inline
       list-style-type: none
       &:after
         content: ', '
       &:last-child:after
-        content: ''
\ No newline at end of file
+        content: ''
+
+  .table-list-details-with-icons
+    float: left
+    @include sm-device
+      float: none
+
+  .table-list-icons
+    font-size: size('small')
+    text-align: right
+    line-height: 30px
+
+    @include sm-device
+      text-align: left
+      line-height: 20px
+
+    span
+      margin-left: 5px
+
+    a
+      text-decoration: none
+      &:hover
+        color: link-color('hover')
+        i
+          color: link-color('hover')
+
+.table-list-category
+  font-size: size('compact')
+  font-weight: 500
+  color: color('dark')
+  padding: 1px 3px 1px 2px
+  border-radius: 3px
+  background: bg-color('light')
+  border: 1px solid #ccc
+  a
+    text-decoration: none
+    color: color('dark')
+    &:hover
+      color: link-color('primary')
diff --git a/assets/sass/_task_category.sass b/assets/sass/_task_category.sass
index b60aeffa..0696f55e 100644
--- a/assets/sass/_task_category.sass
+++ b/assets/sass/_task_category.sass
@@ -7,22 +7,11 @@
 
 .task-board-category
   border: 1px solid #555
-  a
-    &:hover
-      text-decoration: underline
-
-.task-list-category
-  background: bg-color('light')
-  border: 1px solid #ccc
-  a
-    text-decoration: none
-    color: color('dark')
-    &:hover
-      color: link-color('primary')
-
-.task-board-category, .task-list-category
   font-size: size('compact')
   font-weight: 500
   color: color('dark')
   padding: 1px 3px 1px 2px
   border-radius: 3px
+  a
+    &:hover
+      text-decoration: underline
-- 
cgit v1.2.3