Get Flag icon in correct place

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.

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