use svg icons for severities, statuses and qualifiers

8 files changed, 57 insertions, 106 deletions

diff --git a/server/sonar-web/src/main/less/components/issues.less b/server/sonar-web/src/main/less/components/issues.less
index 88beefd4406..b9e1e693095 100644
--- a/server/sonar-web/src/main/less/components/issues.less
+++ b/server/sonar-web/src/main/less/components/issues.less
@@ -128,7 +128,7 @@
 }
 
 .issue-meta {
-  line-height: 1.5;
+  line-height: 16px;
   font-size: @smallFontSize;
 }
 
diff --git a/server/sonar-web/src/main/less/components/menu.less b/server/sonar-web/src/main/less/components/menu.less
index 1801bb1b44d..37df30a50f5 100644
--- a/server/sonar-web/src/main/less/components/menu.less
+++ b/server/sonar-web/src/main/less/components/menu.less
@@ -33,8 +33,8 @@
   > li > a,
   > li > span {
     display: block;
-    padding: 3px 20px;
-    line-height: 1.5;
+    padding: 4px 20px;
+    line-height: 16px;
     clear: both;
     font-weight: normal;
     .text-ellipsis;
diff --git a/server/sonar-web/src/main/less/components/search-navigator.less b/server/sonar-web/src/main/less/components/search-navigator.less
index b427e283ffe..29997683129 100644
--- a/server/sonar-web/src/main/less/components/search-navigator.less
+++ b/server/sonar-web/src/main/less/components/search-navigator.less
@@ -112,9 +112,8 @@
   display: inline-block;
   vertical-align: middle;
   width: 100%;
-  line-height: 1;
   margin: 0 0 1px 0;
-  padding: 4px 5px;
+  padding: 3px 5px;
   border: 1px solid transparent;
   border-radius: 2px;
   .box-sizing(border-box);
@@ -130,6 +129,7 @@
   }
   
   .facet-name {
+    line-height: 16px;
     background-color: @barBackgroundColor;
     color: @baseFontColor;
     font-size: @smallFontSize;
@@ -141,7 +141,7 @@
     top: 0;
     right: 0;
     margin-left: 5px;
-    padding: 4px 5px;
+    padding: 3px 5px;
     background-color: @barBackgroundColor;
     color: @secondFontColor;
     font-size: @smallFontSize;
diff --git a/server/sonar-web/src/main/less/components/ui.less b/server/sonar-web/src/main/less/components/ui.less
index 22c8fe27718..86799b7c71f 100644
--- a/server/sonar-web/src/main/less/components/ui.less
+++ b/server/sonar-web/src/main/less/components/ui.less
@@ -193,6 +193,11 @@
       color: @baseFontColor;
     }
   }
+
+  [class^="icon-"], [class*=" icon-"] {
+    position: relative;
+    top: 2px;
+  }
 }
 
 .nav-tabs {
diff --git a/server/sonar-web/src/main/less/init/icons.less b/server/sonar-web/src/main/less/init/icons.less
index ebe75c89e22..55c3fe80575 100644
--- a/server/sonar-web/src/main/less/init/icons.less
+++ b/server/sonar-web/src/main/less/init/icons.less
@@ -71,40 +71,17 @@ a[class^="icon-"], a[class*=" icon-"] {
  */
 
 [class^="icon-severity-"], [class*=" icon-severity"] {
-  position: relative;
-  top: -1px;
-}
-
-.icon-severity-blocker:before,
-.icon-severity-4:before {
-  content: "\f000";
-  color: @severityBlockerColor;
-  font-size: @iconSmallFontSize;
-}
-.icon-severity-critical:before,
-.icon-severity-3:before {
-  content: "\f001";
-  color: @severityCriticalColor;
-  font-size: @iconSmallFontSize;
-}
-.icon-severity-major:before,
-.icon-severity-2:before {
-  content: "\f003";
-  color: @severityMajorColor;
-  font-size: @iconSmallFontSize;
-}
-.icon-severity-minor:before,
-.icon-severity-1:before {
-  content: "\f006";
-  color: @severityMinorColor;
-  font-size: @iconSmallFontSize;
-}
-.icon-severity-info:before,
-.icon-severity-0:before {
-  content: "\f004";
-  color: @severityInfoColor;
-  font-size: @iconSmallFontSize;
+  display: inline-block;
+  vertical-align: top;
+  .square(16px);
+  background-size: 14px 14px;
+  background: no-repeat center center;
 }
+.icon-severity-blocker,  .icon-severity-4 { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M7%201c1.09%200%202.092.268%203.012.805.92.536%201.647%201.264%202.183%202.183C12.732%204.908%2013%205.91%2013%207s-.268%202.092-.805%203.012c-.536.92-1.264%201.647-2.183%202.183C9.092%2012.732%208.09%2013%207%2013s-2.092-.268-3.012-.805c-.92-.536-1.647-1.264-2.183-2.183C1.268%209.092%201%208.09%201%207s.268-2.092.805-3.012c.536-.92%201.264-1.647%202.183-2.183C4.908%201.268%205.91%201%207%201zm1%209.742V9.258c0-.073-.023-.134-.07-.184C7.883%209.024%207.826%209%207.758%209h-1.5c-.068%200-.128.026-.18.078-.052.052-.078.112-.078.18v1.484c0%20.068.026.128.078.18.052.052.112.078.18.078h1.5c.068%200%20.125-.025.172-.074.047-.05.07-.11.07-.184zm-.016-2.687l.14-4.852c0-.062-.025-.11-.077-.14C7.995%203.02%207.932%203%207.86%203H6.14c-.072%200-.135.02-.187.063-.052.03-.078.078-.078.14l.133%204.852c0%20.052.026.097.078.136.052.04.115.06.187.06H7.72c.072%200%20.133-.02.182-.06.05-.03.077-.08.082-.13z%22%20fill%3D%22%23D43340%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-severity-critical, .icon-severity-3 { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M11.03%206.992c0-.14-.046-.258-.14-.35L7.353%203.1c-.094-.094-.21-.14-.352-.14-.14%200-.25.046-.35.14L3.11%206.64c-.093.092-.14.21-.14.35%200%20.14.047.258.14.352l.71.71c.095.094.21.14.353.14.14%200%20.258-.046.35-.14L6%206.58v3.92c0%20.135.05.253.148.352.1.098.217.148.352.148h1c.135%200%20.253-.05.352-.148.1-.1.148-.217.148-.352V6.578l1.477%201.477c.1.1.216.148.35.148.137%200%20.254-.05.353-.148l.71-.71c.094-.095.14-.212.14-.353zM13%207c0%201.09-.268%202.092-.805%203.012-.536.92-1.264%201.647-2.183%202.183C9.092%2012.732%208.09%2013%207%2013s-2.092-.268-3.012-.805c-.92-.536-1.647-1.264-2.183-2.183C1.268%209.092%201%208.09%201%207s.268-2.092.805-3.012c.536-.92%201.264-1.647%202.183-2.183C4.908%201.268%205.91%201%207%201s2.092.268%203.012.805c.92.536%201.647%201.264%202.183%202.183C12.732%204.908%2013%205.91%2013%207z%22%20fill%3D%22%23D43340%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-severity-major,    .icon-severity-2 { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M10.102%208.898l.796-.796c.1-.1.15-.217.15-.352%200-.135-.05-.253-.15-.352L7.352%203.852c-.1-.1-.217-.15-.352-.15-.135%200-.253.05-.352.15L3.102%207.398c-.1.1-.15.217-.15.352%200%20.135.05.253.15.352l.796.796c.1.1.217.15.352.15.135%200%20.253-.05.352-.15L7%206.5l2.398%202.398c.1.1.217.15.352.15.135%200%20.253-.05.352-.15zM13%207c0%201.09-.268%202.092-.805%203.012-.536.92-1.264%201.647-2.183%202.183C9.092%2012.732%208.09%2013%207%2013s-2.092-.268-3.012-.805c-.92-.536-1.647-1.264-2.183-2.183C1.268%209.092%201%208.09%201%207s.268-2.092.805-3.012c.536-.92%201.264-1.647%202.183-2.183C4.908%201.268%205.91%201%207%201s2.092.268%203.012.805c.92.536%201.647%201.264%202.183%202.183C12.732%204.908%2013%205.91%2013%207z%22%20fill%3D%22%23D43340%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-severity-minor,    .icon-severity-1 { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M7.352%2010.148l3.546-3.546c.1-.1.15-.217.15-.352%200-.135-.05-.253-.15-.352l-.796-.796c-.1-.1-.217-.15-.352-.15-.135%200-.253.05-.352.15L7%207.5%204.602%205.102c-.1-.1-.217-.15-.352-.15-.135%200-.253.05-.352.15l-.796.796c-.1.1-.15.217-.15.352%200%20.135.05.253.15.352l3.546%203.546c.1.1.217.15.352.15.135%200%20.253-.05.352-.15zM13%207c0%201.09-.268%202.092-.805%203.012-.536.92-1.264%201.647-2.183%202.183C9.092%2012.732%208.09%2013%207%2013s-2.092-.268-3.012-.805c-.92-.536-1.647-1.264-2.183-2.183C1.268%209.092%201%208.09%201%207s.268-2.092.805-3.012c.536-.92%201.264-1.647%202.183-2.183C4.908%201.268%205.91%201%207%201s2.092.268%203.012.805c.92.536%201.647%201.264%202.183%202.183C12.732%204.908%2013%205.91%2013%207z%22%20fill%3D%22%2387BB43%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-severity-info,     .icon-severity-0 { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M11.03%207.008c0-.14-.046-.258-.14-.352l-.71-.71c-.094-.094-.21-.14-.352-.14-.14%200-.258.046-.35.14L8%207.42V3.5c0-.135-.05-.253-.148-.352-.1-.1-.217-.148-.352-.148h-1c-.135%200-.253.05-.352.148-.1.1-.148.217-.148.352v3.922L4.523%205.945c-.1-.1-.216-.148-.35-.148-.137%200-.254.05-.353.148l-.71.71c-.094.095-.14.212-.14.353%200%20.14.046.258.14.35l3.538%203.54c.094.094.21.14.352.14.14%200%20.258-.046.352-.14l3.54-3.54c.092-.092.14-.21.14-.35zM13%207c0%201.09-.268%202.092-.805%203.012-.536.92-1.264%201.647-2.183%202.183C9.092%2012.732%208.09%2013%207%2013s-2.092-.268-3.012-.805c-.92-.536-1.647-1.264-2.183-2.183C1.268%209.092%201%208.09%201%207s.268-2.092.805-3.012c.536-.92%201.264-1.647%202.183-2.183C4.908%201.268%205.91%201%207%201s2.092.268%203.012.805c.92.536%201.647%201.264%202.183%202.183C12.732%204.908%2013%205.91%2013%207z%22%20fill%3D%22%2387BB43%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
 
 
 /*
@@ -112,40 +89,17 @@ a[class^="icon-"], a[class*=" icon-"] {
  */
 
 [class^="icon-status-"], [class*=" icon-status"] {
-  position: relative;
-  top: -1px;
-}
-
-.icon-status-open:before {
-  content: "\f010";
-  color: @statusOpenColor;
-  font-size: @iconSmallFontSize;
-  line-height: @iconLineHeight;
-}
-.icon-status-confirmed:before {
-  content: "\f011";
-  color: @statusConfirmedColor;
-  font-size: @iconSmallFontSize;
-  line-height: @iconLineHeight;
-}
-.icon-status-reopened:before {
-  content: "\f012";
-  color: @statusReopenedColor;
-  font-size: @iconSmallFontSize;
-  line-height: @iconLineHeight;
-}
-.icon-status-resolved:before {
-  content: "\f013";
-  color: @statusResolvedColor;
-  font-size: @iconSmallFontSize;
-  line-height: @iconLineHeight;
-}
-.icon-status-closed:before {
-  content: "\f014";
-  color: @statusClosedColor;
-  font-size: @iconSmallFontSize;
-  line-height: @iconLineHeight;
+  display: inline-block;
+  vertical-align: top;
+  .square(16px);
+  background-size: 14px 14px;
+  background: no-repeat center center;
 }
+.icon-status-open      { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M7%202.75c-.77%200-1.482.19-2.133.57-.65.38-1.166.896-1.547%201.547-.38.65-.57%201.362-.57%202.133%200%20.77.19%201.482.57%202.133.38.65.896%201.167%201.547%201.547.65.38%201.362.57%202.133.57.77%200%201.482-.19%202.133-.57.65-.38%201.167-.896%201.547-1.547.38-.65.57-1.362.57-2.133%200-.77-.19-1.482-.57-2.133-.38-.65-.896-1.166-1.547-1.547-.65-.38-1.362-.57-2.133-.57zM13%207c0%201.09-.268%202.092-.805%203.012-.536.92-1.264%201.647-2.183%202.183C9.092%2012.732%208.09%2013%207%2013c-1.09%200-2.092-.268-3.012-.805-.92-.536-1.647-1.264-2.183-2.183C1.268%209.092%201%208.09%201%207c0-1.09.268-2.092.805-3.012.536-.92%201.264-1.647%202.183-2.183C4.908%201.268%205.91%201%207%201c1.09%200%202.092.268%203.012.805.92.536%201.647%201.264%202.183%202.183C12.732%204.908%2013%205.91%2013%207z%22%20fill%3D%22%234B9FD5%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-status-confirmed { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M9%207c0%20.552-.195%201.023-.586%201.414C8.024%208.804%207.552%209%207%209c-.552%200-1.023-.195-1.414-.586C5.196%208.024%205%207.552%205%207c0-.552.195-1.023.586-1.414C5.976%205.196%206.448%205%207%205c.552%200%201.023.195%201.414.586.39.39.586.862.586%201.414zM7%202.75c-.77%200-1.482.19-2.133.57-.65.38-1.166.896-1.547%201.547-.38.65-.57%201.362-.57%202.133%200%20.77.19%201.482.57%202.133.38.65.896%201.167%201.547%201.547.65.38%201.362.57%202.133.57.77%200%201.482-.19%202.133-.57.65-.38%201.167-.896%201.547-1.547.38-.65.57-1.362.57-2.133%200-.77-.19-1.482-.57-2.133-.38-.65-.896-1.166-1.547-1.547-.65-.38-1.362-.57-2.133-.57zM13%207c0%201.09-.268%202.092-.805%203.012-.536.92-1.264%201.647-2.183%202.183C9.092%2012.732%208.09%2013%207%2013c-1.09%200-2.092-.268-3.012-.805-.92-.536-1.647-1.264-2.183-2.183C1.268%209.092%201%208.09%201%207c0-1.09.268-2.092.805-3.012.536-.92%201.264-1.647%202.183-2.183C4.908%201.268%205.91%201%207%201c1.09%200%202.092.268%203.012.805.92.536%201.647%201.264%202.183%202.183C12.732%204.908%2013%205.91%2013%207z%22%20fill%3D%22%234B9FD5%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-status-reopened  { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M7%2011.25v-8.5c-.77%200-1.482.19-2.133.57-.65.38-1.166.896-1.547%201.547-.38.65-.57%201.362-.57%202.133%200%20.77.19%201.482.57%202.133.38.65.896%201.167%201.547%201.547.65.38%201.362.57%202.133.57zM13%207c0%201.09-.268%202.092-.805%203.012-.536.92-1.264%201.647-2.183%202.183C9.092%2012.732%208.09%2013%207%2013c-1.09%200-2.092-.268-3.012-.805-.92-.536-1.647-1.264-2.183-2.183C1.268%209.092%201%208.09%201%207c0-1.09.268-2.092.805-3.012.536-.92%201.264-1.647%202.183-2.183C4.908%201.268%205.91%201%207%201c1.09%200%202.092.268%203.012.805.92.536%201.647%201.264%202.183%202.183C12.732%204.908%2013%205.91%2013%207z%22%20fill%3D%22%234B9FD5%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-status-resolved  { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M11.03%205.734c0-.145-.046-.265-.14-.36l-.71-.702c-.1-.1-.216-.15-.352-.15-.135%200-.252.05-.35.15l-3.19%203.18-1.765-1.766c-.1-.1-.216-.15-.35-.15-.137%200-.254.05-.353.15l-.71.703c-.094.093-.14.213-.14.358%200%20.14.046.258.14.352l2.828%202.828c.098.1.216.15.35.15.142%200%20.26-.05.36-.15l4.243-4.242c.094-.094.14-.21.14-.352zM13%207c0%201.09-.268%202.092-.805%203.012-.536.92-1.264%201.647-2.183%202.183C9.092%2012.732%208.09%2013%207%2013c-1.09%200-2.092-.268-3.012-.805-.92-.536-1.647-1.264-2.183-2.183C1.268%209.092%201%208.09%201%207c0-1.09.268-2.092.805-3.012.536-.92%201.264-1.647%202.183-2.183C4.908%201.268%205.91%201%207%201c1.09%200%202.092.268%203.012.805.92.536%201.647%201.264%202.183%202.183C12.732%204.908%2013%205.91%2013%207z%22%20fill%3D%22%23444%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-status-closed    { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M13%207c0%201.09-.268%202.092-.805%203.012-.536.92-1.264%201.647-2.183%202.183C9.092%2012.732%208.09%2013%207%2013c-1.09%200-2.092-.268-3.012-.805-.92-.536-1.647-1.264-2.183-2.183C1.268%209.092%201%208.09%201%207c0-1.09.268-2.092.805-3.012.536-.92%201.264-1.647%202.183-2.183C4.908%201.268%205.91%201%207%201c1.09%200%202.092.268%203.012.805.92.536%201.647%201.264%202.183%202.183C12.732%204.908%2013%205.91%2013%207z%22%20fill%3D%22%23444%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
 
 
 /*
@@ -209,37 +163,24 @@ a[class^="icon-"], a[class*=" icon-"] {
  */
 
 [class^="icon-qualifier-"], [class*=" icon-qualifier-"] {
-  position: relative;
-  top: -1px;
-  color: @baseFontColor;
-  font-size: @iconFontSize;
-}
-
-.icon-qualifier-dir:before,
-.icon-qualifier-pac:before { content: "\f114"; }
-.icon-qualifier-trk:before,
-.icon-qualifier-brc:before,
-.icon-qualifier-dev_prj:before { content: "\e600"; }
-.icon-qualifier-cla:before,
-.icon-qualifier-fil:before { content: "\f0f6"; }
-.icon-qualifier-uts:before { content: "\e602"; }
-.icon-qualifier-lib:before { content: "\e604"; }
-.icon-qualifier-vw:before,
-.icon-qualifier-svw:before { content: "\e608"; }
-.icon-qualifier-dev:before { content: "\e60a"; }
-
-.icon-qualifier-dir:before,
-.icon-qualifier-pac:before { color: @orange; }
-.icon-qualifier-cla:before,
-.icon-qualifier-fil:before,
-.icon-qualifier-trk:before,
-.icon-qualifier-brc:before,
-.icon-qualifier-uts:before,
-.icon-qualifier-lib:before,
-.icon-qualifier-vw:before,
-.icon-qualifier-svw:before,
-.icon-qualifier-dev:before,
-.icon-qualifier-dev_prj:before { color: darken(@blue, 10%); }
+  display: inline-block;
+  vertical-align: top;
+  .square(16px);
+  background-size: 16px 16px;
+  background: no-repeat center center;
+}
+.icon-qualifier-dir,
+.icon-qualifier-pac { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M14%2012.286V5.703c0-.198-.058-.36-.195-.5S13.512%205%2013.315%205H6.704c-.196%200-.36-.075-.5-.214-.136-.14-.203-.312-.203-.51v-.57c0-.2-.07-.363-.207-.502C5.655%203.064%205.487%203%205.29%203H2.707c-.196%200-.363.065-.5.204-.137.14-.206.302-.206.5v8.582c0%20.2.07.367.206.506.137.14.304.208.5.208h10.61c.196%200%20.352-.07.49-.208.137-.14.194-.307.194-.506zm1-6.598v6.65c0%20.458-.152.83-.475%201.16-.324.326-.7.502-1.15.502H2.647c-.452%200-.84-.175-1.162-.503-.324-.328-.486-.7-.486-1.158V3.654c0-.457.162-.842.486-1.17C1.81%202.158%202.196%202%202.648%202h2.7c.45%200%20.84.157%201.164.485.324.328.488.714.488%201.17V4h6.373c.452%200%20.83.174%201.152.5.323.33.475.73.475%201.187z%22%20fill%3D%22%23F90%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-qualifier-trk,
+.icon-qualifier-brc,
+.icon-qualifier-dev_prj { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M14.985%2013.988L1%2014.005%201.02%205h13.966v8.988zM1.998%205.995l.006%207.02L14.022%2013%2014%206.004l-12.002-.01zM3%204.5V4h9.996l.004.5h1l-.005-1.497-11.98.003L2%204.5zm1-2v-.504h8.002L12%202.5h1l-.004-1.495H3.003L3%202.5z%22%20fill%3D%22%232D88C0%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-qualifier-cla,
+.icon-qualifier-uts { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M3%2014h10V6H9V2H3zm7.012-9h3.008c-.012-.674-.78-1.258-1.27-1.752-.488-.495-.973-1.243-1.75-1.24v2.96zM14%204.995V15H2V1l7.997.02c1.013-.03%201.57.893%202.239%201.555.667.663%201.75%201.47%201.763%202.42z%22%20fill%3D%22%232D88C0%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M7%208l-3%202.5L7%2013zM8%2013l3-2.5L8%208z%22%20fill%3D%22%232D88C0%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-qualifier-fil { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M3%2014h10V6H9V2H3zm7.012-9h3.008c-.012-.674-.78-1.258-1.27-1.752-.488-.495-.973-1.243-1.75-1.24v2.96zM14%204.995V15H2V1l7.997.02c1.013-.03%201.57.893%202.239%201.555.667.663%201.75%201.47%201.763%202.42z%22%20fill%3D%22%232D88C0%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20fill%3D%22%232D88C0%22%20d%3D%22M4%2011h8v1H4zM4%209h8v1H4z%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-qualifier-lib { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M1%2013h4V3H1zm3-1H2v-2h2v2zM2%204h2v4H2zM6%2013h4V3H6zm3-1H7v-2h2v2zM7%204h2v4H7zM11%2013h4V3h-4zm3-1h-2v-2h2v2zm-2-8h2v4h-2z%22%20fill%3D%22%232D88C0%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-qualifier-vw,
+.icon-qualifier-svw { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M1.016%2014.97V1.015H14.97V14.97H1.015zm1-1H13.97V2.015H2.015V13.97z%22%20fill%3D%22%232D88C0%22%2F%3E%3Cpath%20d%3D%22M3.006%207V3.006H7V7H3.006zm1-1H6V4.006H4.006V6zM9%207V3.015h3.985V7H9zm1-1h1.985V4.015H10V6zM3.004%2012.996V9H7v3.996H3.004zm1-1H6V10H4.004v1.996zM9%2012.997V9h3.997v3.997H9zm1-1h1.997V10H10v1.997z%22%20fill%3D%22%232D88C0%22%2F%3E%3C%2Fsvg%3E'); }
+.icon-qualifier-dev { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M7.974%208.02c-.938%200-1.82-.36-2.482-1.017-.663-.655-1.028-1.527-1.028-2.455%200-.927.365-1.8%201.028-2.455.663-.656%201.544-1.017%202.482-1.017.937%200%201.82.36%202.482%201.017.662.656%201.027%201.528%201.027%202.455%200%20.928-.365%201.8-1.027%202.455C9.793%207.66%208.91%208.02%207.974%208.02zm0-5.778c-1.286%200-2.332%201.034-2.332%202.306s1.046%202.307%202.332%202.307c1.285%200%202.332-1.035%202.332-2.307S9.258%202.242%207.974%202.242zm3.534%206.418c.127.016.243.045.348.086.17.066.302.146.406.246.132.124.253.282.36.47.126.218.226.442.3.668.08.253.15.535.206.838.056.313.095.604.113.867.02.28.03.57.03.862%200%20.532-.174.758-.306.882-.142.132-.397.31-.973.31H3.948c-.233%200-.437-.03-.606-.09-.14-.05-.26-.123-.366-.222-.13-.123-.306-.35-.306-.88%200-.294.01-.584.03-.863.018-.263.056-.554.112-.867.055-.303.125-.585.207-.838.073-.226.173-.45.298-.667.108-.19.23-.347.36-.47.106-.1.238-.18.407-.247.105-.04.22-.07.348-.086.202.13.432.277.683.435.342.217.756.4%201.265.564.523.166%201.06.25%201.59.25.534%200%201.07-.084%201.592-.25.51-.164.923-.348%201.266-.565.25-.158.48-.304.682-.435zm-.244-1.18c-.055%200-.184.066-.387.196-.202.13-.43.276-.685.437-.255.16-.586.307-.994.437-.408.13-.818.196-1.23.196-.41%200-.82-.065-1.228-.196-.408-.13-.74-.276-.993-.437-.255-.16-.484-.306-.686-.437-.202-.13-.33-.196-.386-.196-.374%200-.716.06-1.026.183-.31.12-.572.283-.787.487-.213.203-.404.45-.57.737-.165.288-.297.584-.395.888-.098.303-.18.633-.244.988-.063.355-.106.685-.128.992-.02.306-.032.62-.032.942%200%20.73.224%201.304.672%201.726.448.42%201.043.632%201.785.632h8.044c.743%200%201.34-.21%201.787-.633.447-.42.67-.996.67-1.725%200-.32-.01-.635-.03-.942-.022-.307-.065-.637-.13-.992-.064-.355-.146-.685-.244-.988-.098-.304-.23-.6-.395-.888-.166-.288-.356-.534-.57-.737-.216-.204-.478-.366-.788-.487-.31-.122-.652-.183-1.026-.183z%22%20fill%3D%22%232D88C0%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); }
 
 
 /*
diff --git a/server/sonar-web/src/main/less/init/tables.less b/server/sonar-web/src/main/less/init/tables.less
index 991005bde79..4b99895eef1 100644
--- a/server/sonar-web/src/main/less/init/tables.less
+++ b/server/sonar-web/src/main/less/init/tables.less
@@ -53,9 +53,9 @@ table.data > tfoot > tr > td {
 }
 
 table.data > tbody > tr > td {
-  padding: 4px 5px;
+  padding: 5px 5px;
   vertical-align: text-top;
-  line-height: 20px;
+  line-height: 16px;
 }
 
 table.data td.small, table.data th.small {
diff --git a/server/sonar-web/src/main/less/pages/dashboard.less b/server/sonar-web/src/main/less/pages/dashboard.less
index 44b6c584bb7..f93f2c946a2 100644
--- a/server/sonar-web/src/main/less/pages/dashboard.less
+++ b/server/sonar-web/src/main/less/pages/dashboard.less
@@ -404,6 +404,11 @@
   font-size: @bigFontSize;
   font-weight: 300;
   white-space: nowrap;
+
+  [class^="icon-"], [class*=" icon-"] {
+    position: relative;
+    top: 4px;
+  }
 }
 
 .description-widget-description {
diff --git a/server/sonar-web/src/main/less/pages/issues.less b/server/sonar-web/src/main/less/pages/issues.less
index 36659706e0f..0476fd0cf55 100644
--- a/server/sonar-web/src/main/less/pages/issues.less
+++ b/server/sonar-web/src/main/less/pages/issues.less
@@ -38,7 +38,7 @@
 }
 
 .issues-workspace-list-component {
-  line-height: 1.5;
+  line-height: 16px;
 }
 
 .issues-workspace-list-component + .issue {