From be199eedec8354d500ec50079060ae84d53cfb27 Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Tue, 27 Nov 2018 14:44:22 +0100
Subject: [PATCH] Fixes icon overlapping on language select form

---
 app/assets/images/language_select.png | Bin 1036 -> 0 bytes
 app/assets/stylesheets/layout.scss    |  26 ++++++++++++++++++--------
 2 files changed, 18 insertions(+), 8 deletions(-)
 delete mode 100644 app/assets/images/language_select.png

diff --git a/app/assets/images/language_select.png b/app/assets/images/language_select.png
deleted file mode 100644
index e0c4e641118594121642bbec5e5a756330c75fd5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1036
zcmaJ=O=}ZD7~ZDTmNvzrw5SLUTdEbze&nOcE?wI++nAtRVj3}ekZyLT&C>49c6Zur
zbFoN43+fLL55-<Q6+}E)@S}S0q$dx8Qv3rV2zn6eY?`DVj0>|f^YT8=`}NFvZt6mB
z_la(bqI$C#IZyUu{^~kJ{<{_F7uk;E$s(Rcv$&!<kV@*P1VPqR=U^VH`pV)vI7(6N
z!$zTqi^?TYLnfp8K8$DD1Wi$+W1g*Q^ALj)oHHzm{`UL@4GdkPuf`Nku~V>YWU3CF
zu1*!S>bxfC^w@bY>WPHFgjfZhxnQ}XC($)tk(_-qOM{vVo|owTq>4%oq>uwaj2Q`O
z+(;b61%{8s<I(sz5a#$8%SG4-7YawjC?`h4p#IS$nxoH(c{yE=MQ##Z#@H5Fwo<7u
zl?a2JIhGd$f#t$%I2<A#A$P^Xsu!}{!3Kj2UCl9UY#<BxjA{ujVTmT0?w4TNO<K#X
zw}~{2^;DbX8O|@M;ixG8cQwtXw~O=eAm4uyyM+}SvU%vDB}XHJn;rB+*<#9pDn?EL
zp@l{lb7h2)TShiWrD|OR!-}dImTx>;Ln(@wwOp)P8qCTPO?Vi?&_$k;6X`@E5=jd&
zo}Y{*`Q$_*F33EWlKEtUYhY!hEt$~54Xl2Ejkd)4f-r3oS%!|W4E3~wOi(LaG+O7v
zx8$p1_13wBTVh#~4C{~guW>g_L__|uDPD4E${$)p^9~WW{2};|JdA2qP8PgRrQdsd
zW9^}~qwV)zJ?_{X2rl*nS3Rk(XZP|TbwwNB>S!C^K6QI2kP|w$Z&3aHp8fh}SK{!S
zK;~;8_vGjJ!s`3r#K6qcwersTGwSn^N4;m>2K0+}Moz9>%VZXNHhy#rpYG=Ff9%{G
exO@F2)i*<Zc_41AFMl8M-)DAmO5U27x%CIEqe0OC

diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index 73d5eaecc..7424e7ee9 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -455,6 +455,18 @@ header {
     float: left;
     height: $line-height * 1.5;
     margin-left: $line-height / 2;
+    position: relative;
+
+    &::after {
+      color: #808080;
+      content: '\61';
+      font-family: "icons" !important;
+      font-size: $small-font-size;
+      pointer-events: none;
+      position: absolute;
+      right: 2px;
+      top: 9px;
+    }
   }
 
   .external-links {
@@ -946,15 +958,11 @@ footer {
 
   label {
     color: #fff;
-    font-size: $small-font-size;
+    font-size: $tiny-font-size;
     font-weight: normal;
   }
 
   select {
-    background-image: image-url('language_select.png');
-    background-origin: border-box;
-    background-position: right;
-    background-size: 24px 24px;
 
     option {
       background: #fff;
@@ -965,14 +973,16 @@ footer {
   }
 
   .locale-switcher {
-    background-color: transparent;
+    background: #1a1a1a;
     border: 0;
+    border-radius: rem-calc(4);
     color: #fff;
     font-size: $small-font-size;
+    height: $line-height;
     margin-bottom: 0;
+    margin-top: $line-height / 4;
     outline: none;
-    padding-left: rem-calc(3);
-    padding-right: $line-height;
+    padding: 0 $line-height / 4;
     width: auto;
 
     &:focus {