Remove map key image custom css

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 6a6e4518688774922ed490d1eb46914166a65ade..d598d10e3aa996bc198569d3c8bd37e810056ce5 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -562,16 +562,6 @@ header .search_forms,
   display: none;
 }
 
   display: none;
 }
 

-/* Rules for the map key which appears in the popout sidebar */
-
-#mapkey {
- .mapkey-table-key img {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-  }
-}
-

 /* Rules for search sidebar */
 
 #sidebar .search_results_entry {
 /* Rules for search sidebar */
 
 #sidebar .search_results_entry {

diff --git a/app/views/site/key.html.erb b/app/views/site/key.html.erb
index 60eff9a445d6ace0a15af81cec00414575fd48d6..608932b3e4b20bd282692e66baf8500afc48a184 100644 (file)
--- a/app/views/site/key.html.erb
+++ b/app/views/site/key.html.erb
@@ -1,16 +1,16 @@
 <div id="mapkey">
 <div id="mapkey">

-  <table class="table table-sm table-borderless mapkey-table mb-0">
+  <table class="table table-sm table-borderless mb-0 align-middle">

     <% @key.each do |layer_name, layer_data| %>
       <% layer_data.each do |entry| %>
         <%= tag.tr :class => "mapkey-table-entry", :data => { :layer => layer_name, :zoom_min => entry["min_zoom"], :zoom_max => entry["max_zoom"] } do %>
     <% @key.each do |layer_name, layer_data| %>
       <% layer_data.each do |entry| %>
         <%= tag.tr :class => "mapkey-table-entry", :data => { :layer => layer_name, :zoom_min => entry["min_zoom"], :zoom_max => entry["max_zoom"] } do %>

-          <td class="mapkey-table-key align-middle">
+          <td>

             <% if entry["width"] && entry["height"] && entry["fill"] %>
             <% if entry["width"] && entry["height"] && entry["fill"] %>

-              <%= image_tag "data:image/svg+xml,#{u("<svg xmlns='http://www.w3.org/2000/svg' width='#{entry['width']}' height='#{entry['height']}'><rect width='100%' height='100%' fill='#{entry['fill']}' /></svg>")}" %>
+              <%= image_tag "data:image/svg+xml,#{u("<svg xmlns='http://www.w3.org/2000/svg' width='#{entry['width']}' height='#{entry['height']}'><rect width='100%' height='100%' fill='#{entry['fill']}' /></svg>")}", :class => "d-block mx-auto" %>

             <% else %>
             <% else %>

-              <%= image_tag "key/#{layer_name}/#{entry['image']}" %>
+              <%= image_tag "key/#{layer_name}/#{entry['image']}", :class => "d-block mx-auto" %>

             <% end %>
           </td>
             <% end %>
           </td>

-          <td class="mapkey-table-value">
+          <td>

             <%= Array(t(".table.entry.#{entry['name']}")).to_sentence %>
           </td>
         <% end %>
             <%= Array(t(".table.entry.#{entry['name']}")).to_sentence %>
           </td>
         <% end %>