Apply list styling to list of related reports

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 050e3a1c2f9ff75b44870ed57706d184c55c9712..f2df4d1918933fe41cf525ec8f738b6180ad6b1e 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -2834,9 +2834,18 @@ input.richtext_title[type="text"] {
   margin-right:100px;
 }
 
   margin-right:100px;
 }
 

-.related-block{
-  width:280px;
-  float:right;
+.related-reports {
+  width: 280px;
+  float: right;
+
+  ul {
+    padding-left: $lineheight;
+    margin-bottom: 0;
+
+    li {
+      list-style: disc;
+    }
+  }

 }
 
 .issue-comments {
 }
 
 .issue-comments {

diff --git a/app/views/issues/show.html.erb b/app/views/issues/show.html.erb
index 732fd2ef2a114c9ac50e1378772e196e99aa313e..e1b2784a5c668d5ec0a2fe8cea26ac3a6452c950 100644 (file)
--- a/app/views/issues/show.html.erb
+++ b/app/views/issues/show.html.erb
@@ -41,19 +41,19 @@
   </div>
 
   <% if @issue.reported_user %>
   </div>
 
   <% if @issue.reported_user %>

-    <div class="related-block">
+    <div class="related-reports">

       <h3><%= t ".other_issues_against_this_user" %></h3>
       <h3><%= t ".other_issues_against_this_user" %></h3>

-      <div class="unread-reports">
-        <% if @related_issues.count > 1 %>
+      <% if @related_issues.count > 1 %>
+        <ul>

           <% @related_issues.each do |issue| %>
             <% if issue.id != @issue.id %>
           <% @related_issues.each do |issue| %>
             <% if issue.id != @issue.id %>

-              <%= link_to reportable_title(issue.reportable), issue %> <br/>
+              <li><%= link_to reportable_title(issue.reportable), issue %></li>

             <% end %>
           <% end %>
             <% end %>
           <% end %>

-        <% else %>
-          <p><%= t ".no_other_issues" %></p>
-        <% end %>
-      </div>
+        </ul>
+      <% else %>
+        <p><%= t ".no_other_issues" %></p>
+      <% end %>

     </div>
   <% end %>
 </div>
     </div>
   <% end %>
 </div>