From 19b74e503a94f098eb456caaedc86a4da4cf4818 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Thu, 18 Sep 2025 14:57:15 -0400
Subject: [PATCH] Match icon media query breakpoint to sidenote breakpoint
 (760px)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change icon hiding from max-width: 1024px to max-width: 760px
- Icons now hide at same breakpoint where sidenotes get reorganized
- Maintains consistent responsive behavior with Tufte CSS framework

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 templates/base.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/base.html b/templates/base.html
index 568a0f0..b49d54a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -608,7 +608,7 @@
                                             if (!window.articleIconStylesAdded) {
                                                 const style = document.createElement('style');
                                                 style.textContent = `
-                                                    @media (max-width: 1024px) {
+                                                    @media (max-width: 760px) {
                                                         .article-link-icon,
                                                         .article-link-icon.fallback {
                                                             display: none !important;