From 7737a598509c0a153ca89530aaad680e0c205b7f Mon Sep 17 00:00:00 2001
From: Zsolt Tasnadi <rastasi@gmail.com>
Date: Wed, 5 Aug 2026 07:44:06 +0200
Subject: [PATCH] Compact the top navigation and translate Engines as Motorok
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The nav has too many items for the old spacing: smaller type, tighter
gaps, icons only on xl+ screens, and the hamburger now takes over below
lg (the desktop row did not fit between md and lg anymore).

The Hungarian engine strings drop the hyphenated loanword forms:
Engine-ek -> Motorok, Saját Engine-jeink -> Saját motorjaink.
---
 apps/frontend/src/i18n/locales/hu.ts   | 10 +++++-----
 apps/frontend/src/layout/AppLayout.vue | 15 ++++++++++-----
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/apps/frontend/src/i18n/locales/hu.ts b/apps/frontend/src/i18n/locales/hu.ts
index 90f1e07..ebbab6a 100644
--- a/apps/frontend/src/i18n/locales/hu.ts
+++ b/apps/frontend/src/i18n/locales/hu.ts
@@ -4,7 +4,7 @@ export default {
     catalog: 'Katalógus',
     blog: 'Blog',
     howtos: 'Hogyan csináld',
-    engines: 'Engine-ek',
+    engines: 'Motorok',
     code: 'Kód',
     team: 'Csapat',
     contact: 'Kapcsolat',
@@ -172,11 +172,11 @@ export default {
   engines: {
     badge: 'Saját technológia',
     titleLead: 'Saját',
-    titleAccent: 'Engine-jeink',
-    subtitle: 'Az általunk épített és karbantartott engine-ek és keretrendszerek, amelyekre a játékaink és szolgáltatásaink épülnek.',
+    titleAccent: 'motorjaink',
+    subtitle: 'Az általunk épített és karbantartott motorok és keretrendszerek, amelyekre a játékaink és szolgáltatásaink épülnek.',
     errorTitle: 'Nem sikerült csatlakozni a Wikihez',
-    noPagesTitle: 'Nem találhatók engine-ek',
-    noPagesDesc: 'Úgy tűnik, jelenleg nincsenek engine-oldalak a wikin.',
+    noPagesTitle: 'Nem találhatók motorok',
+    noPagesDesc: 'Úgy tűnik, jelenleg nincsenek motoroldalak a wikin.',
     new: 'Új',
     explore: 'Felfedezés',
     openWiki: 'Megnyitás a Wikiben',
diff --git a/apps/frontend/src/layout/AppLayout.vue b/apps/frontend/src/layout/AppLayout.vue
index 4867b5b..1abdc88 100644
--- a/apps/frontend/src/layout/AppLayout.vue
+++ b/apps/frontend/src/layout/AppLayout.vue
@@ -116,13 +116,13 @@ function switchLocale(lang: string) {
   @apply text-xl font-bold;
 }
 .nav-desktop {
-  @apply hidden md:flex items-center space-x-4;
+  @apply hidden lg:flex items-center space-x-1;
 }
 .nav-link {
-  @apply p-2 hover:text-purple-300 transition-colors duration-200;
+  @apply px-2.5 py-2 text-sm hover:text-purple-300 transition-colors duration-200 whitespace-nowrap;
 }
 .nav-link-admin {
-  @apply p-2 hover:text-yellow-300 transition-colors duration-200;
+  @apply px-2.5 py-2 text-sm hover:text-yellow-300 transition-colors duration-200 whitespace-nowrap;
 }
 .locale-switcher {
   @apply flex items-center gap-1 text-sm font-bold ml-2 border-l border-gray-600 pl-4;
@@ -133,14 +133,19 @@ function switchLocale(lang: string) {
 .locale-separator {
   @apply text-gray-600;
 }
+/* Az ikonok viszik a legtöbb helyet a sok menüpont mellett — desktopon csak
+   extra széles kijelzőn jelennek meg, a mobil menüben mindig. */
+.nav-desktop .nav-icon {
+  @apply hidden xl:inline-block;
+}
 .nav-icon {
   @apply mr-1.5 text-xs opacity-70;
 }
 .hamburger-btn {
-  @apply md:hidden p-2 focus:outline-none focus:ring-2 focus:ring-purple-500 rounded-md;
+  @apply lg:hidden p-2 focus:outline-none focus:ring-2 focus:ring-purple-500 rounded-md;
 }
 .nav-mobile {
-  @apply md:hidden absolute top-full left-0 w-full bg-gray-800 flex flex-col items-center py-4 space-y-2 z-50;
+  @apply lg:hidden absolute top-full left-0 w-full bg-gray-800 flex flex-col items-center py-4 space-y-2 z-50;
 }
 .nav-mobile-link {
   @apply block p-2 w-full text-center hover:bg-gray-700 transition-colors duration-200;