Merge pull request #210 from AyuntamientoMadrid/select_language

Adds styles for language select

app/assets/stylesheets/participacion.scss

@@ -436,6 +436,24 @@ footer {
 // 08. Forms
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
+form.locale-form {
+  display: inline-block;
+  position: relative;
+
+  select {
+    background-image: url("language_select.png");
+
+    &.js-locale-switcher {
+      background-color: transparent;
+      border: 0;
+      color: white;
+      outline: none;
+      padding-left: rem-calc(3);
+      padding-right: rem-calc(24);
+    }
+  }
+}
+
 form {
 
   label {

app/views/shared/_locale_switcher.html.erb

@@ -1,10 +1,8 @@
 <div class="locale">
-  <span>
-    <%= t("layouts.header.language") %>
-    <form>
-      <select class="js-locale-switcher" name='locale-switcher'>
-        <%= available_locale_options_for_select %>
-      </select>
-    </form>
-  </span>
+  <span class="inline-block"><%= t("layouts.header.locale") %></span>
+  <form class="locale-form">
+    <select class="js-locale-switcher" name="locale-switcher">
+      <%= available_locale_options_for_select %>
+    </select>
+  </form>
 </div>

config/locales/en.yml

@@ -13,7 +13,7 @@ en:
       open_city_slogan: So the citizens can decide what kind of city they want.
       see_all_debates: See all debates
       my_account_link: My account
-      language: Site language
+      locale: "Site language:"
       administration: Administration
       moderation: Moderation
       welcome: Welcome

config/locales/es.yml

@@ -1,5 +1,5 @@
 es:
-  locale: 'Español'
+  locale: "Español"
   layouts:
     header:
       external_link_transparency: Transparencia
@@ -13,7 +13,7 @@ es:
       open_city_slogan: Para que todos los madrileños decidamos que ciudad queremos tener.
       see_all_debates: Ver todos los debates
       my_account_link: Mi cuenta
-      language: Idioma de la página
+      locale: "Idioma de la página:"
       administration: Administrar
       moderation: Moderar
       welcome: Portada