Tweak css

This commit is contained in:
Greg Shuflin 2025-02-06 02:05:55 -08:00
parent 13eced3ee4
commit 8d15df1af7
3 changed files with 8 additions and 8 deletions

View File

@ -16,7 +16,7 @@
align-items: center; align-items: center;
} }
.sidebar-add-feed { .add-feed-button {
background: none; background: none;
border: none; border: none;
color: var(--text-muted); color: var(--text-muted);
@ -26,7 +26,7 @@
transition: color 0.2s ease; transition: color 0.2s ease;
} }
.sidebar-add-feed:hover { .add-feed-button:hover {
color: var(--primary-red); color: var(--primary-red);
} }

View File

@ -3,8 +3,8 @@
background-color: var(--topbar-bg); background-color: var(--topbar-bg);
color: white; color: white;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
display: grid; display: flex;
grid-template-columns: 1fr auto 1fr; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 1rem; margin-bottom: 1rem;
} }

View File

@ -38,9 +38,6 @@
<aside class="sidebar"> <aside class="sidebar">
<h2> <h2>
Feeds Feeds
<button class="sidebar-add-feed" id="addFeedButton" title="Add Feed">
<i class="fas fa-plus"></i>
</button>
</h2> </h2>
<nav id="feedList"> <nav id="feedList">
</nav> </nav>
@ -48,6 +45,9 @@
<div class="main-content-area"> <div class="main-content-area">
<header class="top-bar"> <header class="top-bar">
<button class="add-feed-button" id="addFeedButton" title="Add Feed">
<i class="fas fa-plus"></i>
</button>
<h1 class="top-bar-title">RSS Reader</h1> <h1 class="top-bar-title">RSS Reader</h1>
<div class="user-menu"> <div class="user-menu">
<button class="user-menu-button" id="userMenuButton"> <button class="user-menu-button" id="userMenuButton">