additional css changes to get more into direction of mockupspipelines-graph-html-css

1 files changed, 13 insertions, 11 deletions

diff --git a/app/assets/stylesheets/pages/pipelines.scss b/app/assets/stylesheets/pages/pipelines.scss
index 2e93df72c44..7feec07669f 100644
--- a/app/assets/stylesheets/pages/pipelines.scss
+++ b/app/assets/stylesheets/pages/pipelines.scss
@@ -178,11 +178,11 @@
     font-size: 0;
 
     > .stage-container > button > svg {
-      height: 18px;
-      width: 18px;
+      height: 22px;
+      width: 22px;
       position: absolute;
-      top: 1px;
-      left: 1px;
+      top: -1px;
+      left: -1px;
       z-index: 2;
       overflow: visible;
     }
@@ -677,8 +677,8 @@
 
   > .fa.fa-caret-down {
     position: absolute;
-    left: 22px;
-    top: 4px;
+    left: 20px;
+    top: 5px;
     display: inline-block;
     visibility: hidden;
     opacity: 0;
@@ -691,7 +691,7 @@
   &:focus,
   &:hover {
     outline: none;
-    width: 38px;
+    width: 35px;
 
     .fa.fa-caret-down {
       visibility: visible;
@@ -809,7 +809,7 @@
     padding: 2px 0 0 5px;
     cursor: pointer;
     float: right;
-    margin: -25px 14px 0 0;
+    margin: -26px 9px 0 0;
     font-size: 12px;
     background-color: $white-light;
 
@@ -824,7 +824,7 @@
 
   // link to the build
   .mini-pipeline-graph-dropdown-item {
-    padding: 3px 10px;
+    padding: 3px 7px 4px;
     clear: both;
     font-weight: normal;
     line-height: 1.428571429;
@@ -842,18 +842,20 @@
       color: $gl-text-color-light;
       margin-left: 2px;
       display: inline-block;
-      top: 2px;
+      top: 1px;
       vertical-align: text-bottom;
       position: relative;
     }
 
     // status icon on the left
     .ci-status-icon {
-      top: 1px;
+      top: 3px;
       position: relative;
 
       > svg {
         overflow: visible;
+        width: 18px;
+        height: 18px;
       }
     }