Updated home page to also show relation types

1 files changed, 25 insertions, 16 deletions

diff --git a/web/views/index.erb b/web/views/index.erb
index ce3730f..6dbc6b7 100644
--- a/web/views/index.erb
+++ b/web/views/index.erb
@@ -1,22 +1,22 @@
 <table class="boxes resize" width="100%">
     <tr>
-        <td width="232" height="20"><h2><a href="/keys"><%= t.osm.keys %></a></h2></td>
-        <td rowspan="4" width="20"></td>
-        <td height="20"><h2><%= t.pages.index.popular_keys %></h2></td>
-        <td rowspan="4" width="20"></td>
-        <td width="232" height="20"><h2><a href="/reports"><%= t.taginfo.reports %></a></h2></td>
-        <td rowspan="4" width="20"></td>
-        <td width="232" height="20"><h2><a href="/about"><%= t.taginfo.about %></a></h2></td>
+        <td width="232" height="40"><h2><a href="/keys"><%= t.osm.keys %></a></h2></td>
+        <td rowspan="6" width="20"></td>
+        <td height="40"><h2><%= t.pages.index.popular_keys %></h2></td>
+        <td rowspan="6" width="20"></td>
+        <td width="232" height="40"><h2><a href="/reports"><%= t.taginfo.reports %></a></h2></td>
+        <td rowspan="6" width="20"></td>
+        <td width="232" height="40"><h2><a href="/about"><%= t.taginfo.about %></a></h2></td>
     </tr>
     <tr>
         <td class="box">
-            <ul id="key_list" style="margin: 0 0 0 18px; padding: 0;"></ul>
-            <p class="emphasis" style="margin: 20px 0 0 0;"><a href="/keys"><%= t.pages.index.keys.listkeys %></a></p>
+            <div id="key_list"></div>
+            <div class="emphasis" style="margin: 10px 0 0 0;"><a href="/keys"><%= t.pages.index.keys.listkeys %></a></div>
         </td>
-        <td rowspan="3" class="box">
+        <td rowspan="5" class="box">
             <div id="tagcloud" style="margin: 15px 0; line-height: 200%; text-align: justify; overflow: hidden;"></div>
         </td>
-        <td rowspan="3" class="box">
+        <td rowspan="5" class="box">
             <p><%= t.pages.reports.intro %></p>
             <ul style="margin: 0 0 0 18px; padding: 0;">
 <% Report.each do |report| %>
@@ -25,19 +25,28 @@
             </ul>
             <p class="emphasis" style="margin-top: 20px;"><a href="/reports"><%= t.pages.index.reports.listreports %></a></p>
         </td>
-        <td class="box">
+        <td rowspan="3" class="box">
             <%= t.pages.index.about.intro %>
             <p class="emphasis" style="margin-top: 20px;"><a href="/about"><%= t.pages.index.about.more %></a></p>
         </td>
     </tr>
     <tr>
-        <td height="20"><h2><a href="/tags"><%= t.osm.tags %></a></h2></td>
-        <td height="20"><h2><%= t.taginfo.international %></h2></td>
+        <td height="40"><h2><a href="/tags"><%= t.osm.tags %></a></h2></td>
+    </tr>
+    <tr>
+        <td class="box">
+            <div id="tag_list"></div>
+            <div class="emphasis" style="margin: 10px 0 0 0;"><a href="/tags"><%= t.pages.index.tags.listtags %></a></div>
+        </td>
+    </tr>
+    <tr>
+        <td height="40"><h2><a href="/relations"><%= t.osm.relation_types %></a></h2></td>
+        <td height="40"><h2><%= t.taginfo.international %></h2></td>
     </tr>
     <tr>
         <td class="box">
-            <ul id="tag_list" style="margin: 0 0 0 18px; padding: 0;"></ul>
-            <p class="emphasis" style="margin: 20px 0 0 0;"><a href="/tags"><%= t.pages.index.keys.listtags %></a></p>
+            <div id="relation_list"></div>
+            <div class="emphasis" style="margin: 10px 0 0 0;"><a href="/relations"><%= t.pages.index.relations.listrelations %></a></div>
         </td>
         <td class="box">
             <p><%= TaginfoConfig.get('instance.description') %></p>