From 9207bd915d009ecc462518710b62a3ad50846940 Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Thu, 30 Oct 2025 14:04:48 +0400
Subject: [PATCH] fix: left only button when deal services table is empty on
 mobiles

---
 .../DealServiceTable/DealServicesTable.tsx    | 31 +++++++++++--------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/modules/dealModularEditorTabs/FulfillmentBase/mobile/components/DealServiceTable/DealServicesTable.tsx b/src/modules/dealModularEditorTabs/FulfillmentBase/mobile/components/DealServiceTable/DealServicesTable.tsx
index 810ae0f..7e5ed6c 100644
--- a/src/modules/dealModularEditorTabs/FulfillmentBase/mobile/components/DealServiceTable/DealServicesTable.tsx
+++ b/src/modules/dealModularEditorTabs/FulfillmentBase/mobile/components/DealServiceTable/DealServicesTable.tsx
@@ -45,19 +45,24 @@ const DealServicesTable: FC = () => {
             scrollbars={"y"}
             type={"scroll"}>
             <Stack gap={"sm"}>
-                <Flex
-                    p={"sm"}
-                    bd={"1px solid var(--mantine-color-default-border)"}
-                    bdrs={"lg"}>
-                    <DealServicesTotalLabel order={5} />
-                </Flex>
-                <BaseTable
-                    records={dealServicesList.dealServices}
-                    columns={columns}
-                    groups={undefined}
-                    idAccessor={"serviceId"}
-                    withTableBorder
-                />
+                {dealServicesList.dealServices.length > 0 && (
+                    <>
+                        <Flex
+                            p={"sm"}
+                            bd={"1px solid var(--mantine-color-default-border)"}
+                            bdrs={"lg"}>
+                            <DealServicesTotalLabel order={5} />
+                        </Flex>
+                        <BaseTable
+                            records={dealServicesList.dealServices}
+                            columns={columns}
+                            groups={undefined}
+                            idAccessor={"serviceId"}
+                            withTableBorder
+                            verticalSpacing={"md"}
+                        />
+                    </>
+                )}
                 <AddDealServiceButton size={"lg"} />
             </Stack>
         </ScrollArea>