From 0dc265c6b4b8c7d3814a260d8b2d9b9ea6e25f65 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Thu, 22 Jan 2026 11:51:10 +0700
Subject: [PATCH] Fix header alignment: logo and icons same level as input

---
 app/components/navigation/MainNavigation.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/navigation/MainNavigation.vue b/app/components/navigation/MainNavigation.vue
index 3193bda..90373c3 100644
--- a/app/components/navigation/MainNavigation.vue
+++ b/app/components/navigation/MainNavigation.vue
@@ -2,8 +2,8 @@
   <header class="bg-base-100 shadow-md">
     <!-- Single row: Logo + Search + Icons -->
     <div class="flex items-start px-4 lg:px-6 py-3 gap-4">
-      <!-- Left: Logo (centered with input) -->
-      <div class="flex items-center flex-shrink-0 h-12">
+      <!-- Left: Logo (same height as input for alignment) -->
+      <div class="flex items-center flex-shrink-0 py-3">
         <NuxtLink :to="localePath('/')" class="flex items-center gap-2">
           <span class="font-bold text-xl">Optovia</span>
         </NuxtLink>
@@ -67,8 +67,8 @@
         </div>
       </div>
 
-      <!-- Right: AI + Globe + Team + User (centered with input) -->
-      <div class="flex items-center gap-1 flex-shrink-0 h-12">
+      <!-- Right: AI + Globe + Team + User (same height as input for alignment) -->
+      <div class="flex items-center gap-1 flex-shrink-0 py-3">
         <!-- AI Assistant button -->
         <NuxtLink :to="localePath('/clientarea/ai')" class="btn btn-ghost btn-circle btn-sm">
           <Icon name="lucide:bot" size="18" />