From 27e0ed452920b0863062a21e69445dd905b27275 Mon Sep 17 00:00:00 2001
From: Chester Bak <info@chestnut-it.com>
Date: Tue, 23 Jul 2024 09:44:37 +0700
Subject: [PATCH] updated header styling

---
 web/header.php | 14 +++++++++-----
 web/page.css   | 10 ++++++++--
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/web/header.php b/web/header.php
index 83c36ad..9be01b8 100755
--- a/web/header.php
+++ b/web/header.php
@@ -21,13 +21,17 @@ function filename(){
         name.style.fontWeight = "normal";
 }
 </script>
-<div class="user">
-        <p class="user">User:&nbsp;<b><?php echo $user ?></b></p>
+<div class="header">
+        <div class="user">
+                <p class="user">User:&nbsp;<b><?php echo $user ?></b></p>
+        </div>
         <div class="menu">
                 <a href="index.php" class="menu-item">Home</a>
                 <a href="dashboard.php" class="menu-item">Dashboard</a>
         </div>
-        <form action="login.php" method="post">
-                <input id="logoff" type="submit" name="logoff" value="Logoff">
-        </form>
+        <div class="account">
+                <form action="login.php" method="post">
+                        <input id="logoff" type="submit" name="logoff" value="Logoff">
+                </form>
+        </div>
 </div>
\ No newline at end of file
diff --git a/web/page.css b/web/page.css
index d3b3e24..17f4192 100755
--- a/web/page.css
+++ b/web/page.css
@@ -6,8 +6,7 @@ body {
 	text-align:center;
 }
 .user {
-	display:flex;
-	width:100%;
+	width: 10%;
 	justify-content:left;
 	background-color:#ccc;
 	box-sizing:border-box;
@@ -16,6 +15,13 @@ p.user {
 	margin:0;
 	padding:.9em;
 }
+.header {
+	display: flex;
+	width: 100%;
+}
+.account {
+	width: 10%;
+}
 .menu {
 	padding:.9em;
 	width: 100%;