Separate the links in the bottom right map corner better

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 5eeab68a0c0d8c5d13c43f409bec098c5c896aff..d0dd894eb3f07a10ab5efa2d8d65bfeb469ea18e 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1508,6 +1508,9 @@ ul.secondary-actions {
       border-left: 0;
       padding-left: 0;
     }
+    &:last-child {
+      margin-right: 0px;
+    }
   }
 }
 

diff --git a/app/views/site/index.html.erb b/app/views/site/index.html.erb
index c979c52bb857cfc205c4a820d5ae5645b9a0b16e..aa1197a5efd84cee7f9c0bdaa17a6248516ed76e 100644 (file)
--- a/app/views/site/index.html.erb
+++ b/app/views/site/index.html.erb
@@ -19,14 +19,16 @@
 
 <div id="map">
   <div id="permalink">
-    <a href="/" id="permalinkanchor" class="geolink llz layers object"><%= t 'site.index.permalink' %></a>
-    <a href="/" id="shortlinkanchor"><%= t 'site.index.shortlink' %></a>
-    <%= link_to t("site.index.createnote"), notes_url(:format => :json),
-        :id => "createnoteanchor",
-        :data => { :minzoom => 12 },
-        :title => "javascripts.site.createnote_tooltip",
-        :class => "geolink"
-    %> 
+    <ul class="secondary-actions">
+      <li><a href="/" id="permalinkanchor" class="geolink llz layers object"><%= t 'site.index.permalink' %></a></li>
+      <li><a href="/" id="shortlinkanchor"><%= t 'site.index.shortlink' %></a></li>
+      <li><%= link_to t("site.index.createnote"), notes_url(:format => :json),
+          :id => "createnoteanchor",
+          :data => { :minzoom => 12 },
+          :title => "javascripts.site.createnote_tooltip",
+          :class => "geolink"
+      %></li>
+    </ul>
   </div>
 </div>