From e391466cc2ee0eccd134be7d0ba8582f99945300 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Mon, 26 Jan 2015 15:03:51 +0100
Subject: [PATCH] Kanban task minimized broken layout

---
 app/partials/includes/components/kanban-task.jade |  2 +-
 app/partials/kanban/kanban-task.jade              |  2 +-
 app/styles/components/kanban-task.scss            | 14 ++++++--------
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/app/partials/includes/components/kanban-task.jade b/app/partials/includes/components/kanban-task.jade
index 03739ccd..8431c184 100644
--- a/app/partials/includes/components/kanban-task.jade
+++ b/app/partials/includes/components/kanban-task.jade
@@ -1,6 +1,6 @@
 div.kanban-tagline(tg-colorize-tags="us.tags", tg-colorize-tags-type="kanban", ng-hide="us.isArchived")
 div.kanban-task-inner(ng-class="{'task-archived': us.isArchived}")
-    div(tg-kanban-user-avatar="us.assigned_to", ng-model="us", ng-hide="us.isArchived")
+    div.avatar-wrapper(tg-kanban-user-avatar="us.assigned_to", ng-model="us", ng-hide="us.isArchived")
     div.task-text(ng-hide="us.isArchived")
         a.task-assigned(href="", title="Assign User Story")
         span.task-num(tg-bo-ref="us.ref")
diff --git a/app/partials/kanban/kanban-task.jade b/app/partials/kanban/kanban-task.jade
index 03739ccd..8431c184 100644
--- a/app/partials/kanban/kanban-task.jade
+++ b/app/partials/kanban/kanban-task.jade
@@ -1,6 +1,6 @@
 div.kanban-tagline(tg-colorize-tags="us.tags", tg-colorize-tags-type="kanban", ng-hide="us.isArchived")
 div.kanban-task-inner(ng-class="{'task-archived': us.isArchived}")
-    div(tg-kanban-user-avatar="us.assigned_to", ng-model="us", ng-hide="us.isArchived")
+    div.avatar-wrapper(tg-kanban-user-avatar="us.assigned_to", ng-model="us", ng-hide="us.isArchived")
     div.task-text(ng-hide="us.isArchived")
         a.task-assigned(href="", title="Assign User Story")
         span.task-num(tg-bo-ref="us.ref")
diff --git a/app/styles/components/kanban-task.scss b/app/styles/components/kanban-task.scss
index 8e8e96b8..64a1da6e 100644
--- a/app/styles/components/kanban-task.scss
+++ b/app/styles/components/kanban-task.scss
@@ -69,10 +69,7 @@
     }
     .task-text {
         @extend %small;
-        flex-basis: 50px;
-        flex-grow: 10;
         padding: 0 .5rem 0 .8rem;
-        word-wrap: break-word;
     }
     .task-num {
         color: $grayer;
@@ -127,8 +124,6 @@
         }
     }
     .avatar {
-        flex-basis: 50px;
-        flex-grow: 1;
         width: 55px;
     }
     .task-name {
@@ -190,10 +185,13 @@
             }
         }
     }
-    .avatar {
+    .avatar-wrapper {
         flex-basis: 50px;
-        flex-grow: 1;
+        flex-grow: 0;
         width: 55px;
+        img {
+            width: 55px;
+        }
     }
     .task-num {
         vertical-align: top;
@@ -203,7 +201,7 @@
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
-        width: 70%;
+        width: 135px;
     }
     .task-points {
         display: none;