Improve issue and merge request lists UI

app/assets/stylesheets/sections/commits.scss

@@ -23,85 +23,6 @@
 
     li.commit {
       padding: 8px 0;
-
-      .commit-row-title {
-        font-size: $list-font-size;
-        line-height: 20px;
-        margin-bottom: 2px;
-
-        .notes_count {
-          float: right;
-          margin-right: 10px;
-        }
-
-        .commit_short_id {
-          min-width: 65px;
-          font-family: $monospace_font;
-        }
-
-        .str-truncated {
-          max-width: 70%;
-        }
-
-        .commit-row-message {
-          color: #333;
-          &:hover {
-            color: #444;
-            text-decoration: underline;
-          }
-        }
-
-        .text-expander {
-          background: #eee;
-          color: #555;
-          padding: 0 5px;
-          cursor: pointer;
-          margin-left: 4px;
-          &:hover {
-            background-color: #ddd;
-          }
-        }
-      }
-
-      .commit-row-description {
-        font-size: 14px;
-        border-left: 1px solid #EEE;
-        padding: 10px 15px;
-        margin: 5px 0 10px 5px;
-        background: #f9f9f9;
-        display: none;
-
-        pre {
-          border: none;
-          background: inherit;
-          padding: 0;
-          margin: 0;
-        }
-      }
-
-      .commit-row-info {
-        color: #777;
-        line-height: 24px;
-
-        a {
-          color: #777;
-        }
-
-        .committed_ago {
-          display: inline-block;
-        }
-      }
-
-      &.inline-commit {
-        .commit-row-title {
-          font-size: 13px;
-        }
-
-        .committed_ago {
-          float: right;
-          @extend .cgray;
-        }
-      }
     }
   }
 
@@ -114,7 +35,89 @@
 
 .commits-feed-holder {
   float: right;
+
   .btn {
     padding: 4px 12px;
   }
 }
+
+li.commit {
+  .commit-row-title {
+    font-size: $list-font-size;
+    line-height: 20px;
+    margin-bottom: 2px;
+
+    .notes_count {
+      float: right;
+      margin-right: 10px;
+    }
+
+    .commit_short_id {
+      min-width: 65px;
+      font-family: $monospace_font;
+    }
+
+    .str-truncated {
+      max-width: 70%;
+    }
+
+    .commit-row-message {
+      color: #444;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+
+    .text-expander {
+      background: #eee;
+      color: #555;
+      padding: 0 5px;
+      cursor: pointer;
+      margin-left: 4px;
+      &:hover {
+        background-color: #ddd;
+      }
+    }
+  }
+
+  .commit-row-description {
+    font-size: 14px;
+    border-left: 1px solid #EEE;
+    padding: 10px 15px;
+    margin: 5px 0 10px 5px;
+    background: #f9f9f9;
+    display: none;
+
+    pre {
+      border: none;
+      background: inherit;
+      padding: 0;
+      margin: 0;
+    }
+  }
+
+  .commit-row-info {
+    color: #777;
+    line-height: 24px;
+
+    a {
+      color: #777;
+    }
+
+    .committed_ago {
+      display: inline-block;
+    }
+  }
+
+  &.inline-commit {
+    .commit-row-title {
+      font-size: 13px;
+    }
+
+    .committed_ago {
+      float: right;
+      @extend .cgray;
+    }
+  }
+}

app/assets/stylesheets/sections/issues.scss

@@ -6,6 +6,7 @@
     .issue-title {
       margin-bottom: 5px;
       font-size: $list-font-size;
+      font-weight: bold;
     }
 
     .issue-info {

app/assets/stylesheets/sections/merge_requests.scss

@@ -91,6 +91,7 @@
     .merge-request-title {
       margin-bottom: 5px;
       font-size: $list-font-size;
+      font-weight: bold;
     }
 
     .merge-request-info {

app/views/projects/issues/_issue.html.haml

@@ -6,9 +6,15 @@
   .issue-title
     %span.str-truncated
       = link_to_gfm issue.title, project_issue_path(issue.project, issue), class: "row_title"
-    - if issue.closed?
-      %small.pull-right
-        CLOSED
+    .pull-right
+      - if issue.closed?
+        %span
+          CLOSED
+      - if issue.notes.any?
+         
+        %span
+          %i.fa.fa-comments
+          = issue.notes.count
 
   .issue-info
     %span.light= "##{issue.iid}"
@@ -16,10 +22,6 @@
       assigned to #{link_to_member(@project, issue.assignee)}
     - if issue.votes_count > 0
       = render 'votes/votes_inline', votable: issue
-    - if issue.notes.any?
-      %span
-        %i.fa.fa-comments
-        = issue.notes.count
     - if issue.milestone
       %span
         %i.fa.fa-clock-o

app/views/projects/merge_requests/_merge_request.html.haml

 %li{ class: mr_css_classes(merge_request) }
   .merge-request-title
-    = link_to_gfm truncate(merge_request.title, length: 80), project_merge_request_path(merge_request.target_project, merge_request), class: "row_title"
-    - if merge_request.merged?
-      %small.pull-right
-        %i.fa.fa-check
-        MERGED
-    - else
-      %span.pull-right.hidden-xs
-        - if merge_request.for_fork?
-          %span.light
-            #{merge_request.source_project_namespace}:
-        = truncate merge_request.source_branch, length: 25
-        %i.fa.fa-angle-right.light
-        = merge_request.target_branch
+    %span.str-truncated
+      = link_to_gfm merge_request.title, project_merge_request_path(merge_request.target_project, merge_request), class: "row_title"
+    .pull-right
+      - if merge_request.merged?
+        %span
+          %i.fa.fa-check
+          MERGED
+      - elsif merge_request.closed?
+        %span
+          %i.fa.fa-close
+          CLOSED
+      - else
+        %span.hidden-xs.hidden-sm
+          %span.label-branch<
+            %i.fa.fa-code-fork
+            %span= merge_request.target_branch
+      - if merge_request.notes.any?
+        &nbsp;
+        %span
+          %i.fa.fa-comments
+          = merge_request.mr_and_commit_notes.count
   .merge-request-info
     %span.light= "##{merge_request.iid}"
     - if merge_request.assignee
@@ -21,10 +29,6 @@
       Unassigned
     - if merge_request.votes_count > 0
       = render 'votes/votes_inline', votable: merge_request
-    - if merge_request.notes.any?
-      %span
-        %i.fa.fa-comments
-        = merge_request.mr_and_commit_notes.count
     - if merge_request.milestone_id?
       %span
         %i.fa.fa-clock-o
@@ -33,6 +37,7 @@
       %span.task-status
         = merge_request.task_status
 
+
     .pull-right.hidden-xs
       %small updated #{time_ago_with_tooltip(merge_request.updated_at, 'bottom', 'merge_request_updated_ago')}