SONAR-4326 Fix display of tags when tag list is long

2 files changed, 12 insertions, 4 deletions

diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/rules_configuration/_rule.html.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/rules_configuration/_rule.html.erb
index efbd745fca8..1607aabdf85 100644
--- a/sonar-server/src/main/webapp/WEB-INF/app/views/rules_configuration/_rule.html.erb
+++ b/sonar-server/src/main/webapp/WEB-INF/app/views/rules_configuration/_rule.html.erb
@@ -28,6 +28,11 @@
 </td>
 
 <td class="left" colspan="2">
+  <div class="h3 rule-title"><%= link_to_function("#{h rule.name}", nil, :class => "") do |page|
+    page.toggle "desc_#{rule.id}"
+  end
+  %></div>
+
   <% unless rule.status == "READY" %>
     <div class="rule-status">
       <% if rule.status == "BETA" %>
@@ -41,10 +46,6 @@
   <%= render :partial => 'rule_tags', :locals => {:rule => rule} -%>
   </div>
 
-  <div class="h3 rule-title"><%= link_to_function("#{h rule.name}", nil, :class => "") do |page|
-    page.toggle "desc_#{rule.id}"
-  end
-  %></div>
 
   <div id="desc_<%= rule.id -%>" class="rule-desc" style="<%= 'display:none' -%>">
     <a name="rule<%= rule.id -%>"></a>
diff --git a/sonar-server/src/main/webapp/stylesheets/style.css b/sonar-server/src/main/webapp/stylesheets/style.css
index 970d1541167..c87fd89e261 100644
--- a/sonar-server/src/main/webapp/stylesheets/style.css
+++ b/sonar-server/src/main/webapp/stylesheets/style.css
@@ -2479,9 +2479,16 @@ textarea.width100 {
 
 .rule-title {
   display: inline-block;
+  float: left;
+}
+
+.rule-desc {
+  float: none;
+  clear: both;
 }
 
 .rule-status, .rule-tags {
+  display: inline-block;
   margin-left: 10px;
   float: right;
   padding: 3px 5px 0 0;