css changes @dimitrieh v1

app/assets/stylesheets/framework/dropdowns.scss

@@ -98,7 +98,7 @@
   @extend .dropdown-toggle;
   padding-right: 20px;
   position: relative;
-  width: 160px;
+  width: 163px;
   text-overflow: ellipsis;
   overflow: hidden;
 

app/assets/stylesheets/framework/variables.scss

@@ -578,4 +578,4 @@ Pipeline Graph
 */
 $stage-hover-bg: #eaf3fc;
 $stage-hover-border: #d1e7fc;
-$stage-badge-text: #d4d4d4;
+$stage-badge-text: #e5e5e5;

app/assets/stylesheets/pages/pipelines.scss

@@ -460,7 +460,7 @@
     border-radius: 30px;
     background-color: $white-light;
     position: relative;
-    padding: 8px 10px 9px;
+    padding: 8px 4px 9px 10px;
     width: 186px;
     margin-bottom: 10px;
 
@@ -605,7 +605,7 @@
     float: right;
     color: $stage-badge-text;
     font-weight: 100;
-    font-size: 13px;
+    font-size: 15px;
     margin-top: 1px;
     margin-right: 2px;
   }
@@ -629,6 +629,7 @@
     ul {
       max-height: 245px;
       overflow: auto;
+      margin: 5px 0;
 
       li {
         padding-top: 2px;
@@ -665,6 +666,18 @@
         color: $gl-text-color;
       }
 
+      .ci-action-icon-container {
+        i {
+          width: 25px;
+          height: 25px;
+
+          &:before{
+            top: 1px;
+            left: 1px;
+          }
+        }
+      }
+
       .stage {
         max-width: 100px;
         width: 100px;
@@ -681,7 +694,7 @@
 // Action Icons
 .ci-action-icon-container .ci-action-icon-wrapper {
   float: right;
-  margin-top: -1px;
+  margin-top: -4px;
 
   i {
     color: $stage-badge-text;
@@ -690,6 +703,14 @@
     padding: 5px 6px;
     font-size: 13px;
     background: $white-light;
+    height: 30px;
+    width: 30px;
+
+    &:before {
+      position: relative;
+      top: 3px;
+      left: 3px;
+    }
 
     &:hover {
       color: $gl-text-color;