Add download link for map images

app/frontend/stylesheets/_map.scss

@@ -86,6 +86,16 @@ main.show.map {
 						}
 						figcaption {
 								font-size: small;
+								a[download] {
+										font-weight: bold;
+										padding: 1px;
+										display: inline_block;
+
+										&:hover, &:focus {
+												color: $show-bg;
+												background: $link-color;
+										}
+								}
 						}
 				}
 		}

app/frontend/stylesheets/_maps.scss

@@ -10,7 +10,7 @@
 .place, .show.map {
 		border: 2px solid grey;
 		padding: 1rem;
-		background: #fffae0;
+		background: $show-bg;
 
 }
 .wda-infos, .dfg-infos {

app/frontend/stylesheets/_variables.scss

@@ -6,3 +6,5 @@ $link-hover-color: adjust-hue($link-color, 60);
 $link-bg-color: desaturate(lighten(#000066, 60), 80);
 $link-bg-hover-color: adjust-hue($link-bg-color, 60);
 $link-fg-color: $link-color;
+
+$show-bg: #fffae0;

app/views/maps/show.html.erb

@@ -36,8 +36,11 @@
 			<figure>
 				<%= link_to image_tag(im.image_preview,
 															class: 'preview', alt: im.name, title: im.id),
-				 rails_blob_path(im.image), target: '_blank', title: im.name %>
-				<figcaption><%= im.sizeinfo_s %></figcaption>
+				 url_for(im.image_hd), target: '_blank', title: im.name %>
+				<figcaption>
+					<%= im.sizeinfo_s %>
+					<%= link_to '↓', rails_blob_path(im.image), download: im.name %>
+				</figcaption>
 			</figure>
 		<% end %>
 	</div>