From 3282a7528698ee7c8a573c4634d8d9f6043eb80a Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 23 Nov 2025 06:10:48 +0000
Subject: [PATCH] Fix text overflow issues in field and meta values

- Added overflow-wrap: break-word to .meta-value and .field-value for better text wrapping
- Added max-width: 100% to prevent horizontal overflow
- Added overflow: hidden to .item-field and .meta-item containers
- Added word-break: break-all to links to handle very long URLs
- Ensures all feed data is visible without causing layout breaks
---
 index.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/index.html b/index.html
index fa423b9..be5f947 100644
--- a/index.html
+++ b/index.html
@@ -188,6 +188,7 @@
             padding: 10px;
             background: #f9f9f9;
             border-radius: 5px;
+            overflow: hidden;
         }
 
         .meta-label {
@@ -198,6 +199,8 @@
         .meta-value {
             color: #333;
             word-break: break-word;
+            overflow-wrap: break-word;
+            max-width: 100%;
         }
 
         .item {
@@ -218,6 +221,7 @@
             padding: 8px;
             background: white;
             border-radius: 3px;
+            overflow: hidden;
         }
 
         .field-name {
@@ -231,11 +235,15 @@
             color: #555;
             font-size: 14px;
             word-break: break-word;
+            overflow-wrap: break-word;
+            max-width: 100%;
         }
 
         .field-value a {
             color: #667eea;
             text-decoration: none;
+            word-break: break-all;
+            overflow-wrap: break-word;
         }
 
         .field-value a:hover {