top bar

static/css/style.css

@@ -147,6 +147,16 @@ body.with-sidebar {
     z-index: 1000;
 }
 
+.top-bar-title {
+    font-size: 1.5rem;
+    margin: 0;
+    color: var(--primary-red);
+    font-weight: 500;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
 .top-bar-buttons {
     display: flex;
     gap: 1rem;

templates/index.html.tera

@@ -11,6 +11,7 @@
         <div class="top-bar-buttons">
             <button class="add-feed-button" id="addFeedButton">Add Feed</button>
         </div>
+        <h1 class="top-bar-title">RSS Reader</h1>
         <button class="logout-button" id="logoutButton">Logout</button>
     </div>
 
@@ -47,7 +48,6 @@
         </div>
     </div>
     <div class="main-content">
-        <h1>RSS Reader</h1>
     </div>
 
     <script src="/static/js/app.js"></script>