From 52a7c93e650b322279cb75f0a63ed05a93bcdea4 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Lievremont <jean-baptiste.lievremont@sonarsource.com>
Date: Wed, 19 Mar 2014 12:29:17 +0100
Subject: [PATCH] SONAR-5091 Change display of inline help paragraph

---
 ...ty_gate_detail_conditions_template.hbs.erb | 37 ++++++++-----------
 .../src/main/webapp/stylesheets/style.css     |  7 ++++
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/quality_gates/templates/_quality_gate_detail_conditions_template.hbs.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/quality_gates/templates/_quality_gate_detail_conditions_template.hbs.erb
index 1ff680bc484..373f54a6cce 100644
--- a/sonar-server/src/main/webapp/WEB-INF/app/views/quality_gates/templates/_quality_gate_detail_conditions_template.hbs.erb
+++ b/sonar-server/src/main/webapp/WEB-INF/app/views/quality_gates/templates/_quality_gate_detail_conditions_template.hbs.erb
@@ -5,29 +5,22 @@
     <p>{{t 'quality_gates.introduction'}}
       <a class="link-action quality-gate-introduction-show-more">{{t 'more'}}</a>
     </p>
-    <div class="quality-gate-introduction-more">
+    <div class="quality-gate-introduction-more inline-help">
       {{t 'quality_gates.health_icons'}}
-      <table class="data">
-        <thead>
-        <tr>
-          <th colspan="3"></th>
-        </tr>
-        </thead>
-        <tbody>
-        <tr class="even">
-          <td><i class="icon-alert-ok"></i></td>
-          <td>{{t 'alerts.notes.ok'}}</td>
-        </tr>
-        <tr class="odd">
-          <td><i class="icon-alert-warn"></i></td>
-          <td>{{t 'alerts.notes.warn'}}</td>
-        </tr>
-        <tr class="even">
-          <td><i class="icon-alert-error"></i></td>
-          <td>{{t 'alerts.notes.error'}}</td>
-        </tr>
-        </tbody>
-      </table>
+      <ul>
+        <li>
+          <i class="icon-alert-ok"></i>
+          {{t 'alerts.notes.ok'}}
+        </li>
+        <li>
+          <i class="icon-alert-warn"></i>
+          {{t 'alerts.notes.warn'}}
+        </li>
+        <li>
+          <i class="icon-alert-error"></i>
+          {{t 'alerts.notes.error'}}
+        </li>
+      </ul>
     </div>
   </div>
 
diff --git a/sonar-server/src/main/webapp/stylesheets/style.css b/sonar-server/src/main/webapp/stylesheets/style.css
index 042653c1b31..5f273a4622a 100644
--- a/sonar-server/src/main/webapp/stylesheets/style.css
+++ b/sonar-server/src/main/webapp/stylesheets/style.css
@@ -1611,6 +1611,13 @@ option.sev_BLOCKER, span.sev_BLOCKER {
   padding: 5px 0;
 }
 
+.inline-help {
+  padding: 5px;
+  margin: 5px;
+  background-color: #FFF6BF;
+  border: 1px solid #FFD324;
+}
+
 /* ------------------- FORMS ------------------- */
 .admintable {
   border: solid 1px #FFD324;
-- 
2.39.5