updated header styling

web/header.php

@@ -21,13 +21,17 @@ function filename(){
         name.style.fontWeight = "normal";
 }
 </script>
+<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>
+        <div class="account">
                 <form action="login.php" method="post">
                         <input id="logoff" type="submit" name="logoff" value="Logoff">
                 </form>
         </div>
+</div>

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%;