From f1753f3bb441c15aa7223d95348e41ad17c1915a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D1=82=D0=BE=D0=BD=20=D0=A2=D1=80=D0=BE=D1=88?=
 =?UTF-8?q?=D0=B8=D0=BD?= <i@atroshin.ru>
Date: Sun, 2 Aug 2026 01:59:35 +0300
Subject: [PATCH] fix: push Settings link to right with ml-auto, prevent
 off-screen

---
 src/ui/app.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/app.ts b/src/ui/app.ts
index 24bc944..9029c29 100644
--- a/src/ui/app.ts
+++ b/src/ui/app.ts
@@ -117,7 +117,7 @@ export class App {
     const t = getTranslations(this.settings.language as LanguageCode);
     this.container.innerHTML = `
       <div class="app-container min-h-screen flex flex-col">
-        <header class="bg-navy text-parchment p-3 flex items-center justify-end shadow-md">
+        <header class="bg-navy text-parchment p-3 flex items-center justify-between shadow-md">
           <nav class="flex flex-wrap gap-4 text-sm">
             <a href="#calendar" class="nav-link hover:text-gold transition-colors" data-view="calendar">${t.nav.calendar}</a>
             <details class="nav-group relative" data-nav="library">
@@ -135,7 +135,7 @@ export class App {
                 <a href="#triodion" class="nav-link hover:text-gold transition-colors px-2 py-1" data-view="triodion">${t.nav.triodion}</a>
               </div>
             </details>
-            <a href="#settings" class="nav-link hover:text-gold transition-colors" data-view="settings">${t.nav.settings}</a>
+            <a href="#settings" class="nav-link hover:text-gold transition-colors ml-auto" data-view="settings">${t.nav.settings}</a>
           </nav>
         </header>
         <main id="view-container" class="flex-1 overflow-auto"></main>