From e014ded82a630bd91b15be4307125f5580119f4d Mon Sep 17 00:00:00 2001 From: Adam Mathes Date: Fri, 13 Feb 2026 13:50:25 -0800 Subject: Analyze page size and fix frontend tests --- frontend/coverage/src/components/FeedItem.css.html | 158 +++++- frontend/coverage/src/components/FeedItem.tsx.html | 111 ++-- .../coverage/src/components/FeedItems.css.html | 55 +- .../coverage/src/components/FeedItems.tsx.html | 571 +++++++++++++++++++-- frontend/coverage/src/components/FeedList.css.html | 200 +++++++- frontend/coverage/src/components/FeedList.tsx.html | 175 +++++-- frontend/coverage/src/components/Login.css.html | 2 +- frontend/coverage/src/components/Login.tsx.html | 2 +- frontend/coverage/src/components/Settings.css.html | 2 +- frontend/coverage/src/components/Settings.tsx.html | 2 +- frontend/coverage/src/components/index.html | 78 +-- 11 files changed, 1119 insertions(+), 237 deletions(-) (limited to 'frontend/coverage/src/components') diff --git a/frontend/coverage/src/components/FeedItem.css.html b/frontend/coverage/src/components/FeedItem.css.html index aa1f94f..dd239a3 100644 --- a/frontend/coverage/src/components/FeedItem.css.html +++ b/frontend/coverage/src/components/FeedItem.css.html @@ -143,7 +143,79 @@ 78 79 80 -81  +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +        @@ -224,10 +296,10 @@      
.feed-item {
-    border-bottom: 1px solid #f0f0f0;
-    padding: 1rem 0;
+    padding: 1rem;
+    margin-top: 5rem;
     list-style: none;
-    /* Ensure no bullets if used in ul */
+    border-bottom: none;
 }
  
 .feed-item.read .item-title {
@@ -243,21 +315,23 @@
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
+    margin-bottom: 0.5rem;
 }
  
 .item-title {
-    font-size: 1.2rem;
+    font-size: 1.25rem;
+    font-weight: bold;
+    /* Legacy headers were bold */
     text-decoration: none;
     color: #333;
     display: block;
-    margin-bottom: 0.5rem;
     flex: 1;
-    /* Take up remaining space */
 }
  
 .item-title:hover {
-    text-decoration: underline;
-    color: #007bff;
+    text-decoration: none;
+    color: blue;
+    /* Legacy link color */
 }
  
 .item-actions {
@@ -266,36 +340,63 @@
     margin-left: 1rem;
 }
  
-.action-btn {
+/* Legacy controls were simple text/links, but buttons are fine if minimal */
+.star-btn {
     background: none;
-    border: 1px solid #ddd;
-    border-radius: 4px;
+    border: none;
+    cursor: pointer;
+    font-size: 1.2rem;
+    padding: 0 0.5rem 0 0;
+    vertical-align: middle;
+    transition: color 0.2s;
+    line-height: 1;
+}
+ 
+.star-btn.is-starred {
+    color: #ffd700;
+    /* Gold */
+}
+ 
+.star-btn.is-unstarred {
+    color: #ccc;
+}
+ 
+.star-btn:hover {
+    color: #ffeb3b;
+}
+ 
+.action-btn {
+    background: whitesmoke;
+    border: none;
     cursor: pointer;
     padding: 2px 6px;
     font-size: 1rem;
-    line-height: 1;
+    color: blue;
+    font-weight: bold;
 }
  
 .action-btn:hover {
-    background-color: #f8f9fa;
-    border-color: #ccc;
+    background-color: #eee;
 }
  
-.action-btn.is-starred {
-    color: gold;
-    border-color: gold;
+.dateline {
+    margin-top: 0;
+    font-weight: normal;
+    font-size: .75em;
+    color: #ccc;
+    margin-bottom: 1rem;
 }
  
-.item-meta {
-    font-size: 0.85rem;
-    color: #666;
-    margin-bottom: 0.5rem;
+.dateline a {
+    color: #ccc;
+    text-decoration: none;
 }
  
 .item-description {
-    color: #444;
+    color: #000;
     line-height: 1.5;
-    font-size: 0.95rem;
+    font-size: 1rem;
+    margin-top: 1rem;
 }
  
 .item-description img {
@@ -303,6 +404,13 @@
     height: auto;
     display: block;
     margin: 1rem 0;
+}
+ 
+.item-description blockquote {
+    padding: 1rem 1rem 0 1rem;
+    border-left: 4px solid #ddd;
+    color: #666;
+    margin-left: 0;
 }
@@ -310,7 +418,7 @@