1 files changed, 58 insertions, 0 deletions
diff --git a/server/sonar-web/src/main/less/components/ui.less b/server/sonar-web/src/main/less/components/ui.less
index 84c6235101a..15f4bb163b5 100644
--- a/server/sonar-web/src/main/less/components/ui.less
+++ b/server/sonar-web/src/main/less/components/ui.less
@@ -69,6 +69,36 @@
   a & { border-bottom-color: #EE0000; }
 }
 
+.level {
+  display: inline-block;
+  height: 1.3em;
+  line-height: 1.3;
+  padding: 0 0.3em;
+  color: #fff;
+  font-weight: 300;
+  text-align: center;
+
+  a > & {
+    margin-bottom: -1px;
+    border-bottom: 1px solid;
+    transition: all 0.2s ease;
+
+    &:hover { opacity: 0.8; }
+  }
+}
+
+.level-OK {
+  background-color: @green;
+}
+
+.level-WARN {
+  background-color: @orange;
+}
+
+.level-ERROR {
+  background-color: @red;
+}
+
 
 .processes-container {
   position: fixed;
@@ -231,6 +261,34 @@
   }
 }
 
+.nav-pills {
+  & > ul {
+    display: flex;
+    flex-wrap: wrap;
+
+    & > li > a {
+      display: inline-block;
+      vertical-align: middle;
+      padding: 3px 10px;
+      border: 1px solid transparent;
+      border-radius: 24px;
+      background-color: #fff;
+      color: @darkBlue;
+      transition: none;
+
+      &:hover {
+        border-color: @darkBlue;
+      }
+    }
+
+    & > li.active > a,
+    & > li > a.active {
+      background-color: @darkBlue;
+      color: #fff;
+    }
+  }
+}
+
 
 .flash {
   background-color: transparent;