Addresses front & backend comments

- Improves CSS files by reusing existing code
- Changes logic in views to avoid future problems in translations

app/assets/stylesheets/framework/wells.scss

@@ -67,10 +67,9 @@
 
   .limit-box {
     background: $blue-100;
-    border-radius: 3px;
+    border-radius: $border-radius-default;
     display: inline-block;
-    margin-left: 5px;
-    padding: 1px 1px 0.5px 0;
+    padding: 1px 1px 0.5px;
     text-align: center;
     vertical-align: bottom;
 

app/views/projects/commit/_limit_exceeded_message.html.haml

-.has-tooltip{ class: "limit-box limit-box-#{objects.singularize}", data: { title: "Project has too many #{objects} to search"} }
+.has-tooltip{ class: "limit-box limit-box-#{objects.to_s.singularize} prepend-left-5", data: { title: "Project has too many #{label_for_message} to search"} }
   .limit-icon
-    - if objects == "branches"
+    - if objects == :branches
       = icon('code-fork')
     - else
       = icon('tag')

app/views/projects/commit/branches.html.haml

 - if @branches_limit_exceeded
-  = render 'limit_exceeded_message', objects: 'branches'
+  = render 'limit_exceeded_message', objects: :branches, label_for_message: _('branches')
 - else
   - branch = commit_default_branch(@project, @branches)
   = commit_branch_link(project_ref_path(@project, branch), branch)
@@ -10,6 +10,6 @@
     %span.js-details-content.hide
       = commit_branches_links(@project, @branches)
       - if @tags_limit_exceeded
-        = render 'limit_exceeded_message', objects: 'tags'
+        = render 'limit_exceeded_message', objects: :tags, label_for_message: _('tags')
       - else
         = commit_tags_links(@project, @tags)

spec/views/projects/commit/branches.html.haml_spec.rb

@@ -59,7 +59,7 @@ describe 'projects/commit/branches.html.haml' do
     before do
       assign(:branches, ['master'])
       assign(:branches_limit_exceeded, true)
-      assign(:tags, ['tag1', 'tag2'])
+      assign(:tags, %w(tag1 tag2))
       assign(:tags_limit_exceeded, false)
 
       render