4. на мобиле RU не читаемая. надо белую

5. мертвая птица на мобиле при нажатии, должна поворачиваться вниз и становится белой

index.html

@@ -88,7 +88,7 @@
   
   
               <div class="dropdown mobile">
               <div class="dropdown mobile">
                 <div
                 <div
-                  class="btn lng-switcher"
+                  class="btn lng-switcher mobile"
                   id="langSwitcherMobile"
                   id="langSwitcherMobile"
                   data-toggle="dropdown"
                   data-toggle="dropdown"
                   aria-haspopup="true"
                   aria-haspopup="true"

index.js

@@ -22,9 +22,16 @@ function do_download() {
 }
 }
 
 
 function openLang(platform) {
 function openLang(platform) {
-  console.log(platform);
   const dropdownMenu = platform === "desktop" ? document.querySelector(".dropdown-menu") : document.querySelector(".dropdown-menu.mobile");
   const dropdownMenu = platform === "desktop" ? document.querySelector(".dropdown-menu") : document.querySelector(".dropdown-menu.mobile");
 
 
+  if (platform === "mobile") {
+    const mobArrow = document.querySelector(".chevron.mobile");
+
+    if (mobArrow != null) {
+      mobArrow.classList.toggle("rotated");
+    }
+  }
+
   if (dropdownMenu != null) {
   if (dropdownMenu != null) {
     dropdownMenu.classList.toggle("show");
     dropdownMenu.classList.toggle("show");
   }
   }

style.css

@@ -360,6 +360,10 @@ hr.delimeter {
   display: flex;
   display: flex;
 }
 }
 
 
+.dropdown.mobile > .btn.lng-switcher.mobile {
+  color: #fff;
+}
+
 .dropdown.mobile > .dropdown-menu.mobile.show {
 .dropdown.mobile > .dropdown-menu.mobile.show {
   background-color: transparent;
   background-color: transparent;
   border: 0;
   border: 0;
@@ -376,7 +380,7 @@ hr.delimeter {
 }
 }
 
 
 .dropdown.mobile > .chevron.mobile {
 .dropdown.mobile > .chevron.mobile {
-  width: 12px;
+  width: 22px;
 
 
   position: relative;
   position: relative;
 }
 }
@@ -407,6 +411,15 @@ hr.delimeter {
   transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
   transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
 }
 }
 
 
+.dropdown.mobile > .chevron.mobile.rotated::before {
+  top: 9px;
+
+  color: #fff;
+  -webkit-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  transform: rotate(135deg);
+}
+
 .mobile-download-btn-wrapper {
 .mobile-download-btn-wrapper {
   width: 100%;
   width: 100%;
 
 
@@ -430,6 +443,7 @@ hr.delimeter {
 
 
   background-color: #00b8f0;
   background-color: #00b8f0;
   border-radius: 103px;
   border-radius: 103px;
+  color: #fff;
   cursor: pointer;
   cursor: pointer;
   user-select: none;
   user-select: none;
 }
 }