From b118fccb0dec94f4463f93de1d4483855dba2b14 Mon Sep 17 00:00:00 2001
From: Connor Shea <connor.james.shea@gmail.com>
Date: Thu, 16 Jun 2016 12:59:07 -0600
Subject: Fix regressions in the design of the project statistics bar.

Fix #18734.
---
 app/assets/stylesheets/pages/projects.scss | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index f138a2f5387..2223489c812 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -373,7 +373,7 @@ a.deploy-project-label {
 .project-stats {
   margin-top: $gl-padding;
   margin-bottom: 0;
-  padding: 16px 0;
+  padding: 0;
   background-color: $white-light;
   font-size: 0;
 
@@ -382,13 +382,14 @@ a.deploy-project-label {
   }
 
   .nav li {
-    display: inline;
+    display: inline-block;
+    margin: 16px 0;
+    margin-right: 16px;
   }
 
   .nav > li > a {
     background-color: transparent;
-    margin-right: 12px;
-    padding: 0 10px;
+    padding: 5px 10px;
     font-size: 15px;
     color: $notes-light-color;
   }
@@ -402,9 +403,14 @@ a.deploy-project-label {
     font-size: 17px;
   }
 
-  li.missing a {
-    color: #5a6069;
+  li.missing {
     border: 1px dashed #dce0e5;
+    border-radius: 2px;
+
+    a {
+      color: #5a6069;
+      display: block;
+    }
 
     &:hover {
       background-color: #f0f2f5;
-- 
cgit v1.2.1


From 0997a3c9c559942b324b5c5641afd017cbed761e Mon Sep 17 00:00:00 2001
From: Connor Shea <connor.james.shea@gmail.com>
Date: Sun, 19 Jun 2016 17:52:19 -0600
Subject: Use existing color variables.

---
 app/assets/stylesheets/pages/projects.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index 2223489c812..76cc2ebe21d 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -404,16 +404,16 @@ a.deploy-project-label {
   }
 
   li.missing {
-    border: 1px dashed #dce0e5;
-    border-radius: 2px;
+    border: 1px dashed $border-gray-light;
+    border-radius: $border-radius-default;
 
     a {
-      color: #5a6069;
+      color: $notes-light-color;
       display: block;
     }
 
     &:hover {
-      background-color: #f0f2f5;
+      background-color: $gray-normal;
     }
   }
 
-- 
cgit v1.2.1