bigger logo

app/sovran_systemsos_web/static/css/header.css

@@ -5,18 +5,18 @@
   border-bottom: 1px solid var(--border-color);
   padding: 16px 24px;
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: center;
+  gap: 8px;
   position: sticky;
   top: 0;
   z-index: 100;
 }
 
-.header-center {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 6px;
+.header-logo {
+  height: 140px;
+  width: auto;
+  display: block;
 }
 
 .header-bar .title {
@@ -25,22 +25,12 @@
   color: var(--text-primary);
 }
 
-.header-right {
-  position: absolute;
-  right: 24px;
-  top: 50%;
-  transform: translateY(-50%);
+.header-buttons {
   display: flex;
   align-items: center;
   gap: 10px;
 }
 
-.header-logo {
-  height: 130px;
-  width: auto;
-  display: block;
-}
-
 .role-badge {
   background-color: var(--accent-color);
   color: #1e1e2e;

app/sovran_systemsos_web/templates/index.html

@@ -19,11 +19,9 @@
 
   <!-- Header bar -->
   <header class="header-bar">
-    <div class="header-center">
     <img src="/static/logo-light.svg" alt="Sovran Systems" class="header-logo" />
     <span class="title">Sovran_SystemsOS Hub</span>
-    </div>
-    <div class="header-right">
+    <div class="header-buttons">
       <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>