Remove scrape/text button that caused squished body textclaude/fix-mobile-scrolling-Ls0Fr

The float:right "text" button inside .dateline was causing .item-description
content to wrap around it when .feed-item gained overflow:hidden. Removing
the button fixes the squished text regression. The backend scrape endpoint
and scrapeItem() handler remain intact for potential future use.

https://claude.ai/code/session_0141nhxmYfoFPVPZ813K1XFD

1 files changed, 4 insertions, 7 deletions

diff --git a/frontend-vanilla/src/components/FeedItem.ts b/frontend-vanilla/src/components/FeedItem.ts
index e58aac8..8f607af 100644
--- a/frontend-vanilla/src/components/FeedItem.ts
+++ b/frontend-vanilla/src/components/FeedItem.ts
@@ -1,5 +1,9 @@
 import type { Item } from '../types';
 
+// NOTE: The "text" scrape button (data-action="scrape") was removed from the
+// template. The backend endpoint and scrapeItem() handler in main.ts are still
+// intact if we want to bring it back with proper styling later.
+
 export function createFeedItem(item: Item): string {
   const date = new Date(item.publish_date).toLocaleDateString();
   return `
@@ -17,13 +21,6 @@ export function createFeedItem(item: Item): string {
           ${date}
           ${item.feed_title ? ` - ${item.feed_title}` : ''}
         </a>
-        <div class="item-actions" style="display: inline-block; float: right;">
-          ${!item.full_content ? `
-            <button class="scrape-btn" title="Load Full Content" data-action="scrape">
-              text
-            </button>
-          ` : ''}
-        </div>
       </div>
       ${(item.full_content || item.description) ? `
         <div class="item-description">