Cleanup reports page a bit

4 files changed, 8 insertions, 48 deletions

diff --git a/web/i18n/en.yml b/web/i18n/en.yml
index 3c988bf..2d4e42f 100644
--- a/web/i18n/en.yml
+++ b/web/i18n/en.yml
@@ -72,11 +72,10 @@ pages:
     reports:
         index:
             intro: |
-                <p class="text">Reports show the data from different perspectives.
+                <p class="text">Reports show the data from different angles.
                 They often bring together data from several sources in interesting ways. Some
-                of the reports can help with finding certain kinds of errors, such as popular
-                keys without wiki pages.</p>
-            data_sources: Data<br/>Sources
+                of the reports can help with finding specific errors.</p>
+            data_sources: Data sources used
     search:
         results:
             title: Search results
diff --git a/web/public/css/taginfo.css b/web/public/css/taginfo.css
index d90d2b1..ec596fa 100644
--- a/web/public/css/taginfo.css
+++ b/web/public/css/taginfo.css
@@ -290,6 +290,7 @@ div.bar {
 /* ========== */
 
 table.list {
+    width: 100%;
     background-color: #fbfbff0;
     border-collapse: collapse;
     -moz-border-radius: 4px;
@@ -302,7 +303,6 @@ table.list {
 table.list th {
     background-color: rgb(85%,85%,85%);
     padding: 4px;
-    font-weight: normal;
     vertical-align: top;
 }
 
@@ -314,44 +314,6 @@ table.list td {
 
 /* ========== */
 
-table.reports {
-    border-collapse: collapse;
-}
-
-table.reports th.source {
-    background-color: #f0f0f0;
-    font-size: 80%;
-    padding-bottom: 4px;
-    -moz-border-radius: 4px 4px 0 0;
-    -khtml-border-radius: 4px 4px 0 0;
-    -webkit-border-radius: 4px 4px 0 0;
-    -chrome-border-radius: 4px 4px 0 0;
-    -o-border-radius: 4px 4px 0 0;
-}
-
-table.reports td {
-    padding: 2px 4px;
-}
-
-table.reports td.source {
-    background-color: #f0f0f0;
-    text-align: center;
-    padding: 2px 0 0 0;
-    width: 24px;
-}
-
-table.reports th.last {
-    background-color: #f0f0f0;
-    height: 8px;
-    -moz-border-radius: 0 0 4px 4px;
-    -khtml-border-radius: 0 0 4px 4px;
-    -webkit-border-radius: 0 0 4px 4px;
-    -chrome-border-radius: 0 0 4px 4px;
-    -o-border-radius: 0 0 4px 4px;
-}
-
-/* ==========  */
-
 table.drilldown {
     border-collapse: separate;
     border-spacing: 10px;
diff --git a/web/views/index.erb b/web/views/index.erb
index 98ec6dc..e27ce36 100644
--- a/web/views/index.erb
+++ b/web/views/index.erb
@@ -23,7 +23,7 @@
             </p>
         </td>
         <td rowspan="3" class="box">
-            <p>Reports show taginfo data from different angles.</p>
+            <%= t.pages.reports.index.intro %>
             <p style="margin-top: 15px">
 <% Report.each do |report| %>
                 <a href="<%= report.url %>"><%= t.reports[report.name].name %></a><br/>
diff --git a/web/views/reports/index.erb b/web/views/reports/index.erb
index fb1363e..122e5c0 100644
--- a/web/views/reports/index.erb
+++ b/web/views/reports/index.erb
@@ -2,17 +2,16 @@
 
 <%= t.pages.reports.index.intro %>
 
-<table class="reports">
-    <tr><th class="source" colspan="<%= Source.visible.size %>"/><%= t.pages.reports.index.data_sources %></th><th></th></tr>
+<table class="list">
+    <tr><th colspan="<%= Source.visible.size %>"/><%= t.pages.reports.index.data_sources %></th><th>Report</th></tr>
 <% Report.each do |report| %>
     <tr>
 <% Source.visible.each do |source| %>
-        <td class="source"><%= source.link_img if report.uses_source? source.id %></td>
+        <td width="35"><%= source.link_img if report.uses_source? source.id %></td>
 <% end %>
         <td><a href="<%= report.url %>"><%= t.reports[report.name].name %></a></td>
     </tr>
 <% end %>
-    <tr><th class="last" colspan="<%= Source.visible.size %>"/></th><th></th></tr>
 </table>