bigger logo

app/sovran_systemsos_web/static/css/header.css

@@ -3,37 +3,39 @@
 .header-bar {
   background-color: var(--surface-color);
   border-bottom: 1px solid var(--border-color);
-  padding: 20px 24px;
+  padding: 16px 24px;
   display: flex;
   align-items: center;
   gap: 16px;
   position: sticky;
   top: 0;
   z-index: 100;
-  justify-content: flex-end;
+  justify-content: center;
 }
 
 .header-bar .title {
   font-size: 1.15rem;
   font-weight: 700;
   color: var(--text-primary);
-  position: absolute;
-  left: 0;
-  right: 0;
-  text-align: center;
-  pointer-events: none;
-  white-space: nowrap;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 4px;
+  flex: 1;
+}
+
+.header-bar .header-right {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  position: absolute;
+  right: 24px;
 }
 
 .header-logo {
-  height: 120px;
+  height: 130px;
   width: auto;
   display: block;
-  margin: 0 auto;
 }
 
 .role-badge {

app/sovran_systemsos_web/templates/index.html

@@ -23,12 +23,14 @@
     <img src="/static/logo-light.svg" alt="Sovran Systems" class="header-logo" />
     Sovran_SystemsOS Hub
   </span>
+  <div class="header-right">
     <span class="role-badge" id="role-badge">Loading…</span>
     <button class="btn btn-update" id="btn-update" title="Run system update">
       <span class="update-badge" id="update-badge"></span>
       Update System
     </button>
     <button class="btn-icon" id="btn-refresh" title="Refresh service status">↺</button>
+  </div>
 </header>
 
   <!-- IP bar -->