From a7bf8124da30ed13d6932575371159d0453420a3 Mon Sep 17 00:00:00 2001
From: Congon4tor <ignacio.dominguez95@gmail.com>
Date: Fri, 3 Jan 2025 01:09:11 +0100
Subject: [PATCH] Fixes language UI

---
 theme/css/chrome.css | 17 +++++++++++++++++
 theme/index.hbs      |  7 ++++---
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/theme/css/chrome.css b/theme/css/chrome.css
index 17e541163..4fc0b2a71 100644
--- a/theme/css/chrome.css
+++ b/theme/css/chrome.css
@@ -182,6 +182,13 @@ body.sidebar-visible #menu-bar {
 }
 
 /* Languages Menu Popup */
+
+@media only screen and (max-width:799px) {
+    #menubar-languages-toggle span {
+        display: none !important;
+    }
+}
+
 #menubar-languages-toggle {
     position: relative;
 }
@@ -243,6 +250,11 @@ html:not(.js) .left-buttons button {
     cursor: pointer;
     color: var(--fg);
 }
+@media only screen and (max-width:799px) {
+    .menu-title {
+        font-size: 1.4rem;
+    }
+}
 
 .menu-bar,
 .menu-bar:visited,
@@ -632,6 +644,11 @@ ul#searchresults li a span.teaser em {
         color: var(--sidebar-fg);
     }
 }
+@media only screen and (min-width:1440px) {
+    #sidebar-toggle{
+        display: none !important;
+    }
+}
 @media only screen and (max-width:549px) {
     .sidebar {
         position: fixed;
diff --git a/theme/index.hbs b/theme/index.hbs
index 419bb6e7a..683ea99c1 100644
--- a/theme/index.hbs
+++ b/theme/index.hbs
@@ -176,10 +176,12 @@
 
                                 <div id="menubar-languages-toggle" class="icon-button" type="button" title="Translations" aria-label="Toggle Tanslations" aria-expanded="false" aria-controls="translations">
                                     <i class="fa fa-globe"></i>
+                                    <span class="menu-bar-link">Translations</span>
                                     
                                     <div id="menubar-languages-popup" class="menubar-languages-popup" aria-label="Language menu" role="language menu">
+                                        <button id="af" role="menuitem" class="menu-bar-link">Afrikaans</button>
+                                        <button id="zh" role="menuitem" class="menu-bar-link">Chinese</button>
                                         <button id="en" role="menuitem" class="menu-bar-link">English</button>
-                                        <button id="es" role="menuitem" class="menu-bar-link">Spanish</button>
                                         <button id="fr" role="menuitem" class="menu-bar-link">French</button>
                                         <button id="de" role="menuitem" class="menu-bar-link">German</button>
                                         <button id="el" role="menuitem" class="menu-bar-link">Greek</button>
@@ -190,11 +192,10 @@
                                         <button id="pl" role="menuitem" class="menu-bar-link">Polish</button>
                                         <button id="pt" role="menuitem" class="menu-bar-link">Portuguese</button>
                                         <button id="sr" role="menuitem" class="menu-bar-link">Serbian</button>
+                                        <button id="es" role="menuitem" class="menu-bar-link">Spanish</button>
                                         <button id="sw" role="menuitem" class="menu-bar-link">Swahili</button>
                                         <button id="tr" role="menuitem" class="menu-bar-link">Turkish</button>
                                         <button id="uk" role="menuitem" class="menu-bar-link">Ukrainian</button>
-                                        <button id="af" role="menuitem" class="menu-bar-link">Afrikaans</button>
-                                        <button id="zh" role="menuitem" class="menu-bar-link">Chinese</button>
                                     </div>
                                 </div>
                             </div>