From 91a046bfbe5905805c8965f6095b5958dc0955c3 Mon Sep 17 00:00:00 2001
From: zenn <zenn.message@gmail.com>
Date: Tue, 21 Apr 2026 16:15:32 +0900
Subject: [PATCH] =?UTF-8?q?[v2.0.1]=20=EC=95=84=EC=9D=B4=EC=BD=98=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=EB=B0=8F=20=EB=A9=94=EB=89=B4=20=EC=95=88?=
 =?UTF-8?q?=EC=A0=95=ED=99=94=20=EB=B3=B4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

아이콘 버튼의 렌더링/위치 스타일을 보정해 원래 레이아웃 감각을 복원하고, 저장 제한 환경에서도 메뉴 스크립트가 중단되지 않도록 예외 처리를 추가했습니다.

Made-with: Cursor
---
 index.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 00e71db..e01af0b 100644
--- a/index.html
+++ b/index.html
@@ -47,10 +47,11 @@
     .app-title { position: fixed; left: 1rem; top: 1rem; user-select: none; }
     .app-copyright { display: none; position: fixed; right: 1rem; bottom: 1rem; user-select: none; color: var(--sub-text-color); }
     .app-theme { position: fixed; right: 1rem; top: 1rem; user-select: none; color: var(--sub-text-color); transition: 0.9s; }
-    .app-icons-container { position: fixed; left: 0rem; bottom: 0rem; user-select: none; fill: var(--main-text-color); cursor: pointer; }
+    .app-icons-container { position: fixed; left: 1rem; bottom: 1rem; user-select: none; cursor: pointer; color: var(--main-text-color); }
     .app-buttons { display: flex; flex-direction: column; gap: 0.5rem}
     .app-icon-button { background: none; border: none; color: inherit; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
     .app-icon-button:focus-visible { outline: 2px solid var(--sub-text-color); outline-offset: 2px; border-radius: 8px; }
+    .app-icon-button svg { width: 24px; height: 24px; display: block; flex-shrink: 0; }
     .app-full { width: 24px; height: 24px; padding: 1rem; }
     .app-book { width: 24px; height: 24px; padding: 1rem; }
     .app-cog { width: 24px; height: 24px; padding: 1rem; }
@@ -261,7 +262,7 @@ select {
     </div>
 </div>
         <div class="show-hide app-title sub-text">zenn.clock</div>
-        <div class="show-hide app-copyright sub-text">copyrights <a href="https://zenn.blog" target="_blank" class="link">zenn</a>. all rights reserved.</div>
+        <div class="show-hide app-copyright sub-text">copyrights <a href="https://x.com/zennbox" target="_blank" class="link">zenn</a>. all rights reserved.</div>
         <div class="show-hide app-theme sub-text">
             <div class="theme-text" id="current-theme"></div>
             <div class="theme-text hidden" id="next-theme"></div>
@@ -317,7 +318,11 @@ select {
         const subTextElements = document.querySelectorAll('.sub-text.not-info');
 
         function saveSettings() {
-            localStorage.setItem(STORAGE_KEY, JSON.stringify(currentSettings));
+            try {
+                localStorage.setItem(STORAGE_KEY, JSON.stringify(currentSettings));
+            } catch (error) {
+                // Storage가 막힌 환경(사파리 프라이빗 모드 등)에서는 저장만 건너뛴다.
+            }
         }
 
         function loadSettings() {