Fix project labels overflow for deploy keys page

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

diff --git a/app/assets/stylesheets/sections/projects.scss b/app/assets/stylesheets/sections/projects.scss
index 4880da0..9a883fb 100644 (file)
--- a/app/assets/stylesheets/sections/projects.scss
+++ b/app/assets/stylesheets/sections/projects.scss
@@ -272,3 +272,7 @@ ul.nav.nav-projects-tabs {
     }
   }
 }
+
+.deploy-project-label {
+  margin: 1px;
+}

diff --git a/app/views/projects/deploy_keys/_deploy_key.html.haml b/app/views/projects/deploy_keys/_deploy_key.html.haml
index 1c59dd6..72bca71 100644 (file)
--- a/app/views/projects/deploy_keys/_deploy_key.html.haml
+++ b/app/views/projects/deploy_keys/_deploy_key.html.haml
@@ -19,6 +19,6 @@
 
   %p.light.prepend-top-10
     - deploy_key.projects.map(&:name_with_namespace).each do |project_name|
-      %span.label= project_name
+      %span.label.label-gray.deploy-project-label= project_name
     %small.pull-right
       Created #{time_ago_with_tooltip(deploy_key.created_at)} ago