CSS cleanup wiki images

4 files changed, 19 insertions, 9 deletions

diff --git a/web/public/css/taginfo.css b/web/public/css/taginfo.css
index def978e..0177572 100644
--- a/web/public/css/taginfo.css
+++ b/web/public/css/taginfo.css
@@ -542,6 +542,16 @@ p.search {
 
 /* ==========  */
 
+div.wiki_image {
+    float: right;
+}
+
+div.wiki_image img {
+    border: 1px solid #a0a0a0;
+    border-radius: 4px;
+    padding: 1px;
+}
+
 div.img_popup {
     background-image: url(/img/indicator.gif);
     background-position: center center;
diff --git a/web/views/key.erb b/web/views/key.erb
index 5a86516..3e8a20e 100644
--- a/web/views/key.erb
+++ b/web/views/key.erb
@@ -29,13 +29,13 @@
         <li><a href="#josm"><%= t.sources.josm.name %></a></li>
     </ul>
     <div id="overview">
-        <div style="float: right; text-align: center;">
+        <div style="float: right; text-align: center; padding-left: 20px;">
             <p><%= t.pages.key.overview.distribution_of_values %></p>
             <div class="canvas" id="canvas-values"></div>
         </div>
 <% if @image_url %>
-        <div style="float: right; padding: 0 20px 20px 20px;">
-            <img src="<%= @image_url %>" style="border: 1px solid #a0a0a0; border-radius: 4px; padding: 1px;" alt=""/>
+        <div class="wiki_image">
+            <img src="<%= @image_url %>" alt=""/>
         </div>
 <% end %>
         <h2><%= t.taginfo.overview %></h2>
diff --git a/web/views/relation.erb b/web/views/relation.erb
index a92c5df..240ed6c 100644
--- a/web/views/relation.erb
+++ b/web/views/relation.erb
@@ -16,12 +16,12 @@
         <li><a href="#roles"><%= t.pages.relation.roles.tab %></a></li>
     </ul>
     <div id="overview">
-        <h2><%= t.pages.relation.overview.title %></h2>
 <% if @image_url %>
-        <div style="float: right;">
-            <img src="<%= @image_url %>" style="border: 1px solid #a0a0a0; border-radius: 4px; padding: 1px;" alt=""/>
+        <div class="wiki_image">
+            <img src="<%= @image_url %>" alt=""/>
         </div>
 <% end %>
+        <h2><%= t.pages.relation.overview.title %></h2>
         <table id="grid-overview">
         </table>
         <p><%= t.pages.relation.overview.see_also %>: type=<span id="taglink"></span></p>
diff --git a/web/views/tag.erb b/web/views/tag.erb
index 3064437..8b36966 100644
--- a/web/views/tag.erb
+++ b/web/views/tag.erb
@@ -27,12 +27,12 @@
         <li><a href="#josm"><%= t.sources.josm.name %></a></li>
     </ul>
     <div id="overview">
-        <h2><%= t.taginfo.overview %></h2>
 <% if @image_url %>
-        <div style="float: right;">
-            <img src="<%= @image_url %>" style="border: 1px solid #a0a0a0; border-radius: 4px; padding: 1px;" alt=""/>
+        <div class="wiki_image">
+            <img src="<%= @image_url %>" alt=""/>
         </div>
 <% end %>
+        <h2><%= t.taginfo.overview %></h2>
         <table id="grid-overview">
         </table>
     </div>