move header.... again....

3 files changed, 9 insertions, 9 deletions

diff --git a/app/client/common/header.component.js b/app/client/common/header.component.js
index 11eb761..8450e8a 100644
--- a/app/client/common/header.component.js
+++ b/app/client/common/header.component.js
@@ -31,8 +31,7 @@ function Header(props){
   })
   return (
     <header>
-      {playing && <span>{fps} fps</span>}
-      <span>{links}</span>
+      <span><b>{site.name} cortex</b></span>
       <span>
         <select onChange={e => {
           let path = window.location.pathname.split("/")
@@ -48,7 +47,8 @@ function Header(props){
       </span>
       <NavLink location={location} to="/system">system</NavLink>
       <NavLink location={location} to="/dashboard">dashboard</NavLink>
-      <b>{site.name} cortex</b>
+      <span>{links}</span>
+      {playing && <span>{fps} fps</span>}
     </header>
   )
 }
diff --git a/app/relay/modules/pix2pixhd.js b/app/relay/modules/pix2pixhd.js
index 1c7f498..4c169e8 100644
--- a/app/relay/modules/pix2pixhd.js
+++ b/app/relay/modules/pix2pixhd.js
@@ -124,9 +124,6 @@ const live = {
   },
 }
 
-
-
-
 export default {
   name, cwd, env,
   activities: {
diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index b6f0897..8e152ac 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -13,10 +13,13 @@ body {
 header {
   font-size: 13px;
   position: fixed;
-  top: 10px;
-  right: 10px;
+  top: 0px;
+  left: 50%;
+  transform: translateX(-50%);
   background: white;
   padding: 10px;
+  width: 1020px;
+  max-width: calc(100vw - 20px);
 }
 header span {
   color: #444;
@@ -27,7 +30,7 @@ a,
 header a {
   color: #66e;
 }
-header span > span:last-child {
+header span:last-child {
   padding-right: 0;
 }
 header a {