From 001742a8568d14bd3ec581a15f9d52bf2c1481ef Mon Sep 17 00:00:00 2001
From: Kirill <mpak8501@yandex.ru>
Date: Thu, 14 May 2026 21:55:54 +0500
Subject: [PATCH] fix: icon gap, lighter scheme bg, filled cart icon for inCart

---
 client/src/app/layout/AppHeader.tsx                           | 4 ++--
 .../src/features/cart/toggle-cart-icon/ui/ToggleCartIcon.tsx  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/app/layout/AppHeader.tsx b/client/src/app/layout/AppHeader.tsx
index 6f606f8..a9e91a1 100644
--- a/client/src/app/layout/AppHeader.tsx
+++ b/client/src/app/layout/AppHeader.tsx
@@ -155,13 +155,13 @@ export function AppHeader() {
           )}
 
           {!isMobile && (
-            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, ml: 1.5 }}>
+            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, ml: 1.5 }}>
               <Box
                 sx={{
                   display: 'flex',
                   alignItems: 'center',
                   gap: 0.5,
-                  bgcolor: 'action.hover',
+                  bgcolor: 'rgba(255,255,255,0.12)',
                   borderRadius: 3,
                   px: 0.5,
                   py: 0.25,
diff --git a/client/src/features/cart/toggle-cart-icon/ui/ToggleCartIcon.tsx b/client/src/features/cart/toggle-cart-icon/ui/ToggleCartIcon.tsx
index db5d786..359999c 100644
--- a/client/src/features/cart/toggle-cart-icon/ui/ToggleCartIcon.tsx
+++ b/client/src/features/cart/toggle-cart-icon/ui/ToggleCartIcon.tsx
@@ -2,7 +2,7 @@ import IconButton from '@mui/material/IconButton'
 import Tooltip from '@mui/material/Tooltip'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useUnit } from 'effector-react'
-import { CirclePlus, ShoppingCart } from 'lucide-react'
+import { ShoppingCart } from 'lucide-react'
 import { useNavigate } from 'react-router-dom'
 import { addToCart, fetchMyCart, removeCartItem } from '@/entities/cart/api/cart-api'
 import { $user } from '@/shared/model/auth'
@@ -63,7 +63,7 @@ export function ToggleCartIcon(props: {
     <Tooltip title={tooltip}>
       <span>
         <IconButton size={size} onClick={onClick} disabled={disabled || busy} aria-label={tooltip} type="button">
-          {user ? (inCart ? <ShoppingCart /> : <CirclePlus />) : <ShoppingCart />}
+          {user ? (inCart ? <ShoppingCart fill="currentColor" /> : <ShoppingCart />) : <ShoppingCart />}
         </IconButton>
       </span>
     </Tooltip>