From 1689d1f1ca71dfac66682fd87b4ce56ad58dfce0 Mon Sep 17 00:00:00 2001
From: Grégoire Aubert <gregoire.aubert@sonarsource.com>
Date: Mon, 22 May 2017 17:14:37 +0200
Subject: SONAR-9245 Create the leak view on projects page

---
 .../sonar-web/src/main/js/apps/projects/styles.css | 25 +++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

(limited to 'server/sonar-web/src/main/js/apps/projects/styles.css')

diff --git a/server/sonar-web/src/main/js/apps/projects/styles.css b/server/sonar-web/src/main/js/apps/projects/styles.css
index d413f3d0cb6..5a94f6006a7 100644
--- a/server/sonar-web/src/main/js/apps/projects/styles.css
+++ b/server/sonar-web/src/main/js/apps/projects/styles.css
@@ -85,16 +85,39 @@
   margin: 0 -15px;
 }
 
+.project-card-leak-measures {
+  padding: 4px 0;
+  margin: 0 -4px 4px;
+  background-color: #fbf3d5;
+  border: 1px solid #eae3c7;
+}
+
 .project-card-measures .project-card-measure {
   width: 120px;
   box-sizing: border-box;
   padding: 0 15px;
 }
 
-.project-card-measures .project-card-measure:nth-child(-n+2) {
+.project-card-leak-measures .project-card-measure {
+  width: 140px;
+  box-sizing: border-box;
+  padding: 0 5px;
+}
+
+.project-card-measure.smaller-card {
   width: 90px;
 }
 
+@media (max-width: 1130px) {
+  .project-card-leak-measures .project-card-measure {
+    width: 134px;
+    padding: 0 2px;
+  }
+  .project-card-measure.smaller-card {
+    width: 81px;
+  }
+}
+
 .project-card-measure {
   position: relative;
   display: inline-block;
-- 
cgit v1.2.3