diff --git a/frontend/index.html b/frontend/index.html index 44e2f2c8..ed9e2942 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -544,6 +544,10 @@ .workspace { grid-template-columns: 1fr } + #workspace > .panel { + grid-column: 1 !important; + min-width: 0; + } } .panel { @@ -2222,6 +2226,14 @@ margin-bottom: 8px; } + .footer-inner { + display: flex; + flex-wrap: wrap; + gap: 24px; + align-items: flex-start; + justify-content: space-between; + } + /* ═══════════════════════════════════════════════════════════════ RESULT ACTIONS BAR ═══════════════════════════════════════════════════════════════ */ @@ -2266,7 +2278,8 @@ /* responsive */ @media(max-width:600px){ .hero h1{font-size:2.2rem} - nav{flex-wrap:wrap;gap:8px} + nav{flex-direction:column;align-items:center;gap:12px;padding:16px 14px} + .nav-links{width:100%;justify-content:center} .nav-links .nav-link span{display:none} .hero{padding:50px 0 40px} .hero-sub{font-size:0.98rem} @@ -2277,7 +2290,6 @@ .feat-pill-info .feat-pill-title{font-size:0.82rem;line-height:1.25} .feat-pill-info p{font-size:0.74rem;line-height:1.25} .workspace{gap:14px} - #workspace > .panel{grid-column:1 !important;min-width:0} .panel-header{padding:12px 14px} .mode-row{gap:6px;padding:10px 14px} .mode-btn{padding:8px 4px;font-size:0.74rem} @@ -2294,9 +2306,13 @@ .toast{min-width:unset;width:100%} .hero-cta{gap:8px} .btn{padding:11px 18px;font-size:0.85rem} + .footer-inner{flex-direction:column;align-items:center;text-align:center;gap:28px} + .footer-inner > div{display:flex;flex-direction:column;align-items:center;width:100%} + #digestForm{width:100%;max-width:320px} } @media(max-width:400px){ .app{padding:0 14px 60px} + nav{margin:0 -14px;padding-left:14px;padding-right:14px} .hero h1{font-size:1.9rem} .lang-tab{padding:7px 10px;font-size:0.72rem} .result-tab{padding:9px 12px;font-size:0.75rem} @@ -2991,7 +3007,7 @@