From 38b06f9d1cbf467703a73995999fbf568e018fe8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= <umitreva@gmail.com>
Date: Wed, 27 May 2026 07:07:34 +0300
Subject: [PATCH] refactor: optimize mega menu spacing and alignment using
 inline styles for consistent layout density

---
 .../components/front/menu-item.blade.php      | 35 ++++++++++---------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/resources/views/components/front/menu-item.blade.php b/resources/views/components/front/menu-item.blade.php
index 141765f..9f62d0e 100644
--- a/resources/views/components/front/menu-item.blade.php
+++ b/resources/views/components/front/menu-item.blade.php
@@ -56,19 +56,20 @@
             <li class="mega-menu-content">
                 <div class="flex flex-wrap mx-0 xl:mx-[-10px] lg:mx-[-10px]">
                     <!-- Sütun 1: Ürünlerimiz -->
-                    <div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5 xl:border-r border-[#0000000a] dark:border-[#ffffff0a] mb-4 lg:mb-0">
-                        <h6 class="dropdown-header !text-[#e31e24] mb-3 mt-1 !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center">
+                    <div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5 xl:border-r border-[#0000000a] dark:border-[#ffffff0a] mb-2 lg:mb-0">
+                        <h6 class="dropdown-header !text-[#e31e24] !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center" style="margin-top: 5px !important; margin-bottom: 8px !important; padding: 0px !important;">
                             <i class="uil uil-cube text-lg mr-2.5"></i>
                             {{ __('Ürünlerimiz') }}
                         </h6>
                         <ul class="pl-0 list-none mb-0">
                             @foreach($products as $prod)
-                            <li class="w-full mb-1.5">
-                                <a class='dropdown-item hover:!text-[#e31e24] !pl-0 !py-0.5 !bg-transparent flex items-center transition-all duration-200 hover:translate-x-1' 
+                            <li class="w-full" style="margin-bottom: 0px !important; padding: 0px !important;">
+                                <a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent flex items-center transition-all duration-200 hover:translate-x-1' 
+                                   style="padding-top: 2px !important; padding-bottom: 2px !important; padding-left: 0px !important; padding-right: 0px !important; margin: 0px !important; line-height: 1.2 !important;"
                                    href="{{ $prod->external_url ? $prod->external_url : route('products.show', $prod->slug) }}" 
                                    @if($prod->external_url) target="_blank" @endif>
-                                    <i class="uil uil-angle-right text-[#e31e24] mr-3 text-[15px] opacity-80"></i>
-                                    <span class="font-medium text-[13.5px] tracking-wide">{{ $prod->translate('title') }}</span>
+                                    <i class="uil uil-angle-right text-[#e31e24] mr-1 text-[15px] opacity-80"></i>
+                                    <span class="font-medium text-[13.5px] tracking-wide" style="line-height: 1.2 !important;">{{ $prod->translate('title') }}</span>
                                 </a>
                             </li>
                             @endforeach
@@ -76,19 +77,20 @@
                     </div>
                     
                     <!-- Sütun 2: Hizmetlerimiz -->
-                    <div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5 xl:border-r border-[#0000000a] dark:border-[#ffffff0a] mb-4 lg:mb-0">
-                        <h6 class="dropdown-header !text-[#e31e24] mb-3 mt-1 !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center">
+                    <div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5 xl:border-r border-[#0000000a] dark:border-[#ffffff0a] mb-2 lg:mb-0">
+                        <h6 class="dropdown-header !text-[#e31e24] !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center" style="margin-top: 5px !important; margin-bottom: 8px !important; padding: 0px !important;">
                             <i class="uil uil-cog text-lg mr-2.5"></i>
                             {{ __('Hizmetlerimiz') }}
                         </h6>
                         <ul class="pl-0 list-none mb-0">
                             @foreach($services as $serv)
-                            <li class="w-full mb-1.5">
-                                <a class='dropdown-item hover:!text-[#e31e24] !pl-0 !py-0.5 !bg-transparent flex items-center transition-all duration-200 hover:translate-x-1' 
+                            <li class="w-full" style="margin-bottom: 0px !important; padding: 0px !important;">
+                                <a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent flex items-center transition-all duration-200 hover:translate-x-1' 
+                                   style="padding-top: 2px !important; padding-bottom: 2px !important; padding-left: 0px !important; padding-right: 0px !important; margin: 0px !important; line-height: 1.2 !important;"
                                    href="{{ $serv->external_url ? $serv->external_url : route('products.show', $serv->slug) }}" 
                                    @if($serv->external_url) target="_blank" @endif>
-                                    <i class="uil uil-angle-right text-[#e31e24] mr-3 text-[15px] opacity-80"></i>
-                                    <span class="font-medium text-[13.5px] tracking-wide">{{ $serv->translate('title') }}</span>
+                                    <i class="uil uil-angle-right text-[#e31e24] mr-1 text-[15px] opacity-80"></i>
+                                    <span class="font-medium text-[13.5px] tracking-wide" style="line-height: 1.2 !important;">{{ $serv->translate('title') }}</span>
                                 </a>
                             </li>
                             @endforeach
@@ -97,18 +99,19 @@
 
                     <!-- Sütun 3: Projelerimiz & Başarı Hikayeleri -->
                     <div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] max-w-full px-5">
-                        <h6 class="dropdown-header !text-[#e31e24] mb-3 mt-1 !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center">
+                        <h6 class="dropdown-header !text-[#e31e24] !pl-0 text-uppercase tracking-wider font-bold text-xs flex items-center" style="margin-top: 5px !important; margin-bottom: 8px !important; padding: 0px !important;">
                             <i class="uil uil-award text-lg mr-2.5"></i>
                             {{ $locale === 'tr' ? 'Projelerimiz / Başarılar' : ($locale === 'se' ? 'Projekt & Framgångar' : 'Projects & Successes') }}
                         </h6>
                         <ul class="pl-0 list-none mb-0">
                             @foreach($projectLinks as $proj)
-                            <li class="w-full mb-1.5">
-                                <a class='dropdown-item hover:!text-[#e31e24] !pl-0 !py-0.5 !bg-transparent flex items-center justify-between transition-all duration-200 hover:translate-x-1' 
+                            <li class="w-full" style="margin-bottom: 0px !important; padding: 0px !important;">
+                                <a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent flex items-center justify-between transition-all duration-200 hover:translate-x-1' 
+                                   style="padding-top: 2px !important; padding-bottom: 2px !important; padding-left: 0px !important; padding-right: 0px !important; margin: 0px !important; line-height: 1.2 !important;"
                                    href="{{ $proj['url'] }}">
                                     <span class="flex items-center">
                                         <i class="uil {{ $proj['icon'] }} text-[#e31e24] mr-3 text-[15px] opacity-90"></i>
-                                        <span class="font-medium text-[13.5px] tracking-wide">{{ $proj['title'] }}</span>
+                                        <span class="font-medium text-[13.5px] tracking-wide" style="line-height: 1.2 !important;">{{ $proj['title'] }}</span>
                                     </span>
                                     @if($proj['badge'])
                                         <span class="badge bg-[#e31e24]/10 text-[#e31e24] text-[10px] px-2 py-0.5 rounded-full font-semibold ml-2">{{ $proj['badge'] }}</span>