1 files changed, 91 insertions, 91 deletions

diff --git a/frontend/src/components/FeedList.css b/frontend/src/components/FeedList.css
index 0d6d26d..ff0f41b 100644
--- a/frontend/src/components/FeedList.css
+++ b/frontend/src/components/FeedList.css
@@ -1,170 +1,170 @@
 .feed-list {
-    /* Removed card styling */
-    padding: 0;
-    background: transparent;
+  /* Removed card styling */
+  padding: 0;
+  background: transparent;
 }
 
 .search-section {
-    margin-bottom: 1.5rem;
+  margin-bottom: 1.5rem;
 }
 
 .search-form {
-    display: flex;
+  display: flex;
 }
 
 .search-input {
-    width: 100%;
-    padding: 0.5rem;
-    border: 1px solid #999;
-    background: #eee;
-    font-size: 1rem;
-    font-family: inherit;
+  width: 100%;
+  padding: 0.5rem;
+  border: 1px solid #999;
+  background: #eee;
+  font-size: 1rem;
+  font-family: inherit;
 }
 
 .search-input:focus {
-    outline: none;
-    background: white;
-    border-color: #000;
+  outline: none;
+  background: white;
+  border-color: #000;
 }
 
 .feed-list h2,
 .feed-section-header {
-    font-size: 1.2rem;
-    margin-bottom: 0.5rem;
-    border-bottom: 1px solid #999;
-    padding-bottom: 0.25rem;
-    text-transform: uppercase;
-    letter-spacing: 1px;
-    cursor: pointer;
-    user-select: none;
-    display: flex;
-    align-items: center;
+  font-size: 1.2rem;
+  margin-bottom: 0.5rem;
+  border-bottom: 1px solid #999;
+  padding-bottom: 0.25rem;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  cursor: pointer;
+  user-select: none;
+  display: flex;
+  align-items: center;
 }
 
 .toggle-indicator {
-    font-size: 0.8rem;
-    margin-right: 0.5rem;
-    display: inline-block;
-    width: 1rem;
-    text-align: center;
+  font-size: 0.8rem;
+  margin-right: 0.5rem;
+  display: inline-block;
+  width: 1rem;
+  text-align: center;
 }
 
 .feed-list-items,
 .tag-list-items,
 .filter-list {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 
 .sidebar-feed-item {
-    padding: 0.25rem 0;
-    border-bottom: none;
-    /* Clean look */
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+  padding: 0.25rem 0;
+  border-bottom: none;
+  /* Clean look */
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .feed-title {
-    color: var(--link-color);
-    text-decoration: none;
-    font-size: 0.9rem;
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: var(--link-color);
+  text-decoration: none;
+  font-size: 0.9rem;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 .feed-title:hover {
-    text-decoration: underline;
-    color: var(--link-color);
+  text-decoration: underline;
+  color: var(--link-color);
 }
 
 .feed-category {
-    display: none;
-    /* Hide category in sidebar list to save space */
+  display: none;
+  /* Hide category in sidebar list to save space */
 }
 
 .tag-section {
-    margin-top: 2rem;
+  margin-top: 2rem;
 }
 
 .tag-link {
-    color: var(--link-color);
-    text-decoration: none;
-    font-size: 0.9rem;
-    display: block;
-    padding: 0.1rem 0;
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: var(--link-color);
+  text-decoration: none;
+  font-size: 0.9rem;
+  display: block;
+  padding: 0.1rem 0;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 .tag-link:hover {
-    text-decoration: underline;
-    background: transparent;
-    color: var(--link-color);
+  text-decoration: underline;
+  background: transparent;
+  color: var(--link-color);
 }
 
 .filter-section {
-    margin-bottom: 2rem;
+  margin-bottom: 2rem;
 }
 
 .filter-list {
-    display: block;
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  display: block;
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 
 .filter-list li a {
-    text-decoration: none;
-    color: #333;
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
-    font-variant: small-caps;
-    text-transform: lowercase;
-    font-size: 1.1rem;
-    display: block;
-    margin-bottom: 0.5rem;
+  text-decoration: none;
+  color: var(--text-color);
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-variant: small-caps;
+  text-transform: lowercase;
+  font-size: 1.1rem;
+  display: block;
+  margin-bottom: 0.5rem;
 }
 
 .filter-list li a:hover {
-    color: blue;
-    background-color: transparent;
-    text-decoration: underline;
+  color: blue;
+  background-color: transparent;
+  text-decoration: underline;
 }
 
 .feed-title.active,
 .tag-link.active,
 .filter-list li a.active,
 .theme-selector button.active {
-    font-weight: bold !important;
+  font-weight: bold !important;
 }
 
 .theme-section {
-    margin-top: 2rem;
-    padding-bottom: 2rem;
+  margin-top: 2rem;
+  padding-bottom: 2rem;
 }
 
 .theme-selector {
-    display: flex;
-    justify-content: space-between;
-    gap: 5px;
+  display: flex;
+  justify-content: space-between;
+  gap: 5px;
 }
 
 .theme-selector button {
-    font-size: 0.8rem;
-    padding: 0.2rem 0.5rem;
-    width: 30%;
-    background: whitesmoke;
-    color: blue;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    font-variant: small-caps;
-    text-transform: lowercase;
+  font-size: 0.8rem;
+  padding: 0.2rem 0.5rem;
+  width: 30%;
+  background: whitesmoke;
+  color: blue;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-variant: small-caps;
+  text-transform: lowercase;
 }
 
 .theme-selector button:hover {
-    background: #eee;
+  background: #eee;
 }
 
 .theme-selector button.active {
-    color: black;
-    border-color: #000;
-}
\ No newline at end of file
+  color: black;
+  border-color: #000;
+}