Right-aligned UI language selector button

This commit is contained in:
Veloman Yunkan 2023-11-15 15:31:22 +04:00
parent f58d4a93e1
commit 605c7f71e0
3 changed files with 10 additions and 8 deletions

View File

@ -90,7 +90,7 @@ body {
}
#uiLanguageSelectorButton {
margin: 0px 12px 6px 12px;
margin: 0px 12px;
float: right;
cursor: pointer;
height: 30px;

View File

@ -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;
}

View File

@ -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>