Setting UI in issues tabke #653

app/partials/views/modules/issues-table.jade

@@ -5,7 +5,7 @@ section.issues-table.basic-table(ng-class="{empty: !issues.length}")
         div.level-field(data-fieldname="priority") Priority
         div.subject(data-fieldname="subject") Subject
         div.issue-field(data-fieldname="status") Status
-        div.created-date(data-fieldname="created_date") Created
+        div.created-field(data-fieldname="created_date") Created
         div.assigned-field(data-fieldname="assigned_to") Assigned to
     div.row.table-main(ng-repeat="issue in issues track by issue.id")
         div.level-field(tg-listitem-type="issue")
@@ -24,7 +24,7 @@ section.issues-table.basic-table(ng-class="{empty: !issues.length}")
         div.created-field(tg-bo-bind="issue.created_date|momentFormat:'DD MMM YYYY HH:mm'")
 
         div.assigned-field(tg-issue-assigned-to-inline-edition="issue")
-            a.issue-assignedto(href="", title="Assigned to")
+            div.issue-assignedto(title="Assigned to")
                 figure.avatar
                 span.icon.icon-arrow-bottom(tg-check-permission, permission="modify_issue")
 

app/styles/components/created-by.scss

@@ -1,6 +1,6 @@
 .us-created-by {
     @include table-flex();
-    margin-top: 2rem;
+    margin-top: .5rem;
     position: relative;
     .user-avatar {
         @include table-flex-child(1, 0);

app/styles/modules/issues/issues-table.scss

@@ -47,7 +47,7 @@
         text-align: center;
     }
     .subject {
-        @include table-flex-child(10, 300px, 0, 300px);
+        @include table-flex-child(7, 300px, 0, 300px);
         padding-right: 1rem;
         span {
             &:first-child {
@@ -57,11 +57,37 @@
     }
     .issue-field,
     .assigned-field,
-    .created-date {
+    .created-field {
         @include table-flex-child(1, 100px, 0, 150px);
         padding: 0 1rem;
         text-align: left;
     }
+    .assigned-field {
+        @include table-flex-child(2, 100px, 0, 150px);
+    }
+    .issue-assignedto {
+        cursor: pointer;
+        position: relative;
+        &:hover {
+            .icon {
+                @include transition(opacity .3s linear);
+                opacity: 1;
+            }
+        }
+        figcaption {
+            max-width: 60%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        .icon {
+            @include transition(opacity .3s linear);
+            opacity: 0;
+            position: absolute;
+            right: 0;
+            top: .5rem;
+        }
+    }
     .pop-status {
         @include popover(200px, 0, 65%, '', '');
         &.fix {