From 605c7f71e0bcfb4e7e318fdc277c421dbf9b3798 Mon Sep 17 00:00:00 2001
From: Veloman Yunkan <veloman.yunkan@gmail.com>
Date: Wed, 15 Nov 2023 15:31:22 +0400
Subject: [PATCH] Right-aligned UI language selector button

---
 static/skin/kiwix.css   |  2 +-
 static/skin/taskbar.css |  2 ++
 static/viewer.html      | 14 +++++++-------
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/static/skin/kiwix.css b/static/skin/kiwix.css
index 32b2a8d6e..2a702ff29 100644
--- a/static/skin/kiwix.css
+++ b/static/skin/kiwix.css
@@ -90,7 +90,7 @@ body {
 }
 
 #uiLanguageSelectorButton {
-  margin: 0px 12px 6px 12px;
+  margin: 0px 12px;
   float: right;
   cursor: pointer;
   height: 30px;
diff --git a/static/skin/taskbar.css b/static/skin/taskbar.css
index 65ff3135c..106b69b90 100644
--- a/static/skin/taskbar.css
+++ b/static/skin/taskbar.css
@@ -5,6 +5,7 @@
     box-sizing: border-box;
     background: #f4f6f8;
     border-bottom: 1px solid #aaa;
+    display: flex;
 }
 
 #kiwixtoolbar>a {
@@ -42,6 +43,7 @@
 
 .kiwix .kiwix_centered {
     max-width: 720px;
+    width: 100%;
     margin: 0 auto;
 }
 
diff --git a/static/viewer.html b/static/viewer.html
index 99a16c22d..1b3e14043 100644
--- a/static/viewer.html
+++ b/static/viewer.html
@@ -35,13 +35,6 @@
     <div class="kiwix" style="display:none" id="kiwixtoolbarwrapper">
       <div id="kiwixtoolbar" class="ui-widget-header">
         <div class="kiwix_centered">
-          <a onclick="window.modalUILanguageSelector.show()"
-             alt="Select UI language"
-             aria-label="Select UI language"
-             title="Select UI language">
-            <img id="uiLanguageSelectorButton"
-                 src="./skin/langSelector.svg?KIWIXCACHEID">
-          </a>
           <div class="kiwix_searchform">
             <form class="kiwixsearch" method="GET" action="javascript:performSearch()" id="kiwixsearchform">
               <label for="kiwixsearchbox">&#x1f50d;</label>
@@ -66,6 +59,13 @@
             </span>
           </div>
         </div>
+        <a onclick="window.modalUILanguageSelector.show()"
+           alt="Select UI language"
+           aria-label="Select UI language"
+           title="Select UI language">
+          <img id="uiLanguageSelectorButton"
+               src="./skin/langSelector.svg?KIWIXCACHEID">
+        </a>
       </div>
     </div>