From 38ae35795bc392a754f7c3d2700d5def2f0d2eec Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Tue, 4 Nov 2025 16:22:44 +0400
Subject: [PATCH] fix: fixed attributes page header

---
 src/app/attributes/components/AttributesHeader.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/attributes/components/AttributesHeader.tsx b/src/app/attributes/components/AttributesHeader.tsx
index f1f1603..1462551 100644
--- a/src/app/attributes/components/AttributesHeader.tsx
+++ b/src/app/attributes/components/AttributesHeader.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { Dispatch, FC, SetStateAction, useMemo } from "react";
-import { Group, TextInput } from "@mantine/core";
+import { Divider, Flex, Group, TextInput } from "@mantine/core";
 import AttrViewSegmentedControl from "@/app/attributes/components/AttrViewSegmentedControl";
 import { useAttributesContext } from "@/app/attributes/contexts/AttributesContext";
 import AttributePageView from "@/app/attributes/types/view";
@@ -63,19 +63,24 @@ const AttributesHeader: FC<Props> = ({ view, setView }) => {
     );
 
     return (
-        <Group
+        <Flex
             wrap={"nowrap"}
+            gap={"xs"}
+            align={isMobile ? "unset" : "center"}
             mt={isMobile ? "xs" : ""}
             mx={isMobile ? "xs" : ""}
+            direction={isMobile ? "column-reverse" : "row"}
             justify={"space-between"}>
             {view === AttributePageView.ATTRIBUTES
                 ? attributeActions
                 : selectActions}
+            {isMobile && <Divider />}
             <AttrViewSegmentedControl
                 value={view}
                 onChange={setView}
+                styles={{ root: { margin: 0, padding: 0 } }}
             />
-        </Group>
+        </Flex>
     );
 };