From 251b4544701bf3e6fd42e65a85c8a4415af1084d Mon Sep 17 00:00:00 2001
From: Brian Read <brianr@koozali.org>
Date: Sun, 28 Jul 2024 12:13:03 +0100
Subject: [PATCH] Get Flag icon in correct place

---
 clog                                          |  2 --
 .../default/public/css/sme_core.css/50body    |  8 ------
 .../templates/partials/_header.html.ep        | 27 +++++++++++++++++++
 3 files changed, 27 insertions(+), 10 deletions(-)
 delete mode 100644 clog

diff --git a/clog b/clog
deleted file mode 100644
index 091eaf4..0000000
--- a/clog
+++ /dev/null
@@ -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]
diff --git a/root/etc/e-smith/templates/usr/share/smanager/themes/default/public/css/sme_core.css/50body b/root/etc/e-smith/templates/usr/share/smanager/themes/default/public/css/sme_core.css/50body
index 827c2ec..9152533 100644
--- a/root/etc/e-smith/templates/usr/share/smanager/themes/default/public/css/sme_core.css/50body
+++ b/root/etc/e-smith/templates/usr/share/smanager/themes/default/public/css/sme_core.css/50body
@@ -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.
diff --git a/root/usr/share/smanager/themes/default/templates/partials/_header.html.ep b/root/usr/share/smanager/themes/default/templates/partials/_header.html.ep
index a0216b7..153c606 100644
--- a/root/usr/share/smanager/themes/default/templates/partials/_header.html.ep
+++ b/root/usr/share/smanager/themes/default/templates/partials/_header.html.ep
@@ -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">