shows locale switcher and top links on mobile version

app/assets/stylesheets/layout.scss

@@ -374,6 +374,24 @@ header {
 
   ul {
     margin-bottom: 0;
+
+    li {
+      display: block;
+    }
+
+    @include breakpoint(medium) {
+      li {
+        display: inline-block;
+
+        &:after {
+          content: "|";
+        }
+
+        &:last-child:after {
+          content: none;
+        }
+      }
+    }
   }
 }
 

app/views/layouts/_header.html.erb

@@ -1,6 +1,13 @@
 <header>
 
+  <div class="top-links">
+    <div class="row">
+      <%= render "shared/locale_switcher" %>
+      <div class="hide-for-small-only">
         <%= render "shared/top_links" %>
+      </div>
+    </div>
+  </div>
 
   <div class="row">
     <div class="top-bar">
@@ -29,6 +36,9 @@
           <div class="show-for-small-only">
             <div class="subnavigation row">
               <%= render "shared/subnavigation" %>
+              <div class="small-12 column">
+                <%= render "shared/top_links" %>
+              </div>
             </div>
           </div>
         </div>

app/views/shared/_top_links.html.erb

@@ -1,34 +1,27 @@
-<div class="top-links hide-for-small-only">
+<ul class="no-bullet external-links">
-  <div class="row">
+  <li>
-    <%= render "shared/locale_switcher" %>
-    <ul class="no-bullet external-links">
-      <li class="inline-block">
     <%= link_to t("layouts.header.more_information"),
                 page_path('more_information'),
                 class: ("selected" if current_page?("/more_information")),
                 accesskey: "i"  %>
-                    &nbsp;|
   </li>
-      <li class="inline-block">
+  <li>
     <%= link_to t("layouts.header.external_link_transparency"),
                 t("layouts.header.external_link_transparency_url"),
                 target: "_blank",
                 title: t('shared.target_blank_html') %>
-                    &nbsp;|
   </li>
-      <li class="inline-block">
+  <li>
     <%= link_to t("layouts.header.external_link_opendata"),
                 t("layouts.header.external_link_opendata_url"),
                 target: "_blank",
                 title: t('shared.target_blank_html') %>
   </li>
   <% if setting['blog_url'] %>
-        <li class="inline-block">|&nbsp;
+    <li>
       <%= link_to setting['blog_url'], title: t('shared.target_blank_html'), target: "_blank" do %>
         <%= t("layouts.header.external_link_blog") %>
       <% end %>
     </li>
   <% end %>
-    </ul>
+</ul>
-  </div>
-</div>