Get Flag icon in correct place

This commit is contained in:
Brian Read 2024-07-28 12:13:03 +01:00
parent 174d511899
commit 251b454470
3 changed files with 27 additions and 10 deletions

2
clog
View File

@ -1,2 +0,0 @@
* Sat Jul 27 2024 Brian Read <brianr@koozali.org> 11.0.0-11.sme
- Add in flag icon indication of locale [SME: 12706]

View File

@ -230,14 +230,6 @@ hr.sme-copyrightbar {
font-size: 10px;
}
#flag-icon {
font-size: 20px;
float: right;
margin-top: 0.67em;
margin-right: 1%;
}
/*These style definitions were found int he old css file (manager.css)
but don't seem to ever be referenced in the code. They're here
for reference.

View File

@ -1,3 +1,30 @@
<style>
#h2l1 {
display: flex; /* Use flexbox layout */
justify-content: space-between; /* Distribute space between child elements */
align-items: center; /* Vertically center items */
}
#h2e11 {
flex: 1; /* Allow the first div to take available space on the left */
}
#h2e12 {
display: flex; /* Set the second div as flex container */
align-items: center; /* Center the content vertically */
margin-left: 20px; /* Add margin to the left of the second div */
}
#flag-container {
margin-left: 20px; /* Add margin to the left of the third div */
margin-right:5px;
#flag-icon {
font-size: 21px;
}
</style>
<div id="header2" class="hd2">
<div id="h2l1">
<div id="h2e11">