Fix ci icons getting cut off

app/assets/stylesheets/pages/commit.scss

@@ -66,13 +66,11 @@
       margin-left: 8px;
     }
   }
+}
 
-  .ci-status-link {
-    svg {
-      position: relative;
-      top: 2px;
-      margin: 0 3px;
-    }
+.ci-status-link {
+  svg {
+    overflow: visible;
   }
 }
 

app/assets/stylesheets/pages/pipelines.scss

@@ -138,6 +138,7 @@
       height: 18px;
       width: 18px;
       vertical-align: middle;
+      overflow: visible;
     }
 
     .light {

app/assets/stylesheets/pages/status.scss

@@ -49,6 +49,7 @@
       position: relative;
       top: 1px;
       margin: 0 3px;
+      overflow: visible;
     }
   }
 

app/helpers/ci_status_helper.rb

@@ -45,10 +45,10 @@ module CiStatusHelper
     custom_icon(icon_name)
   end
 
-  def render_commit_status(commit, tooltip_placement: 'auto left', cssclass: '')
+  def render_commit_status(commit, tooltip_placement: 'auto left')
     project = commit.project
     path = builds_namespace_project_commit_path(project.namespace, project, commit)
-    render_status_with_link('commit', commit.status, path, tooltip_placement, cssclass: cssclass)
+    render_status_with_link('commit', commit.status, path, tooltip_placement)
   end
 
   def render_pipeline_status(pipeline, tooltip_placement: 'auto left')

app/views/projects/commits/_commit.html.haml

@@ -19,7 +19,7 @@
             ·
             = commit.short_id
           - if commit.status
-            = render_commit_status(commit, cssclass: 'visible-xs-inline')
+            = render_commit_status(commit)
           - if commit.description?
             %a.text-expander.hidden-xs.js-toggle-button ...