X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/592c9401b18118e01de250d44878b9289b138f9c..2c101e78aee8cd3ccf3f24a0ecaa22fa77593c5c:/src/wolnelektury/static/2022/styles/components/_lang.scss

diff --git a/src/wolnelektury/static/2022/styles/components/_lang.scss b/src/wolnelektury/static/2022/styles/components/_lang.scss
index 7ca9114cb..ef5d7bc7f 100644
--- a/src/wolnelektury/static/2022/styles/components/_lang.scss
+++ b/src/wolnelektury/static/2022/styles/components/_lang.scss
@@ -1,11 +1,18 @@
 .c-lang {
   position: absolute;
-  top: 23px;
-  margin-right: 217px;
+  top: 11px;
+
+  width: 150px;
+  right: 50px + 16px;
   opacity: 0;
   pointer-events: none;
   transition: opacity 350ms $ease-out;
   z-index: $master-layer + 1;
+  display: none;
+
+  @include rwd($break-menu) {
+      display: block;
+  }
 
   &.is-open {
     .c-lang__button {
@@ -48,10 +55,20 @@
   opacity: 0;
   transition: all 350ms $ease-out;
   pointer-events: none;
-  a {
+  display: flex;
+  flex-direction: column;
+
+  button {
     display: block;
     padding: 9px 20px;
     color: #474747;
+    background-color: transparent;
+    border: 0;
+    cursor: pointer;
+    font-family: "Source Sans Pro";
+    font-size: 16px;
+    line-height: 18.4px;
+    text-align: left;
 
     &:hover {
       background-color: #EDAA00;
@@ -62,4 +79,4 @@
       background-color: #EDAA00;
     }
   }
-}
\ No newline at end of file
+}