Restyle tags page

2 files changed, 23 insertions, 24 deletions

diff --git a/app/assets/stylesheets/gitlab_bootstrap/common.scss b/app/assets/stylesheets/gitlab_bootstrap/common.scss
index 6bdd1652fd6..c0fa2a22370 100644
--- a/app/assets/stylesheets/gitlab_bootstrap/common.scss
+++ b/app/assets/stylesheets/gitlab_bootstrap/common.scss
@@ -14,6 +14,7 @@
 .append-bottom-20 { margin-bottom:20px }
 .prepend-top-10 { margin-top:10px }
 .prepend-top-20 { margin-top:20px }
+.prepend-left { margin-left:20px }
 .padded { padding:20px }
 .ipadded { padding:20px!important }
 .lborder { border-left:1px solid #eee }
diff --git a/app/views/repositories/tags.html.haml b/app/views/repositories/tags.html.haml
index 2d311124992..5493c08984e 100644
--- a/app/views/repositories/tags.html.haml
+++ b/app/views/repositories/tags.html.haml
@@ -1,32 +1,30 @@
 = render "commits/head"
 - unless @tags.empty?
-  %table
-    %thead
-      %tr
-        %th Name
-        %th Last commit
-        %th
+  %ul.bordered-list
     - @tags.each do |tag|
       - commit = Commit.new(Gitlab::Git::Commit.new(tag.commit))
-      %tr
-        %td
-          %strong
-            = link_to project_commits_path(@project, tag.name), class: "" do
-              %i.icon-tag
-              = tag.name
-          %small.light= truncate(tag.message || '', length: 70)
-        %td
-          = image_tag gravatar_icon(commit.author_email), class: "avatar s16"
-          = link_to project_commit_path(@project, commit.id), class: 'commit_short_id' do
-            = commit.short_id
-          %span.light
-            = time_ago_in_words(commit.committed_date)
-            ago
-        %td
+      %li
+        %h5
+          = link_to project_commits_path(@project, tag.name), class: "" do
+            %i.icon-tag
+            = tag.name
+          %small
+            = truncate(tag.message || '', length: 70)
+          .pull-right
+            %span.light
+              = time_ago_in_words(commit.committed_date)
+              ago
+        %div.prepend-left
+          = link_to commit.short_id(8), project_commit_path(@project, commit), class: "monospace"
+          –
+          = link_to_gfm truncate(commit.title, length: 70), project_commit_path(@project, commit.id), class: "cdark"
+
           - if can? current_user, :download_code, @project
-            = link_to archive_project_repository_path(@project, ref: tag.name) do
-              %i.icon-download-alt
-              Download
+            .pull-right
+              = link_to archive_project_repository_path(@project, ref: tag.name) do
+                %i.icon-download-alt
+                Download
+
 
 - else
   %h3.nothing_here_message