From 0e44858e1ddd3d848ca24429229da52ab9557cb7 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Sat, 20 Aug 2022 19:22:07 -0400
Subject: [PATCH] Fix LTD catalog widget placement

---
 .../catalog/views/page/layout/CatalogLayoutBadgeDisplayView.tsx | 2 +-
 .../views/page/layout/CatalogLayoutColorGroupingView.tsx        | 2 +-
 .../catalog/views/page/layout/CatalogLayoutDefaultView.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/catalog/views/page/layout/CatalogLayoutBadgeDisplayView.tsx b/src/components/catalog/views/page/layout/CatalogLayoutBadgeDisplayView.tsx
index b3a619f3..9b6ec6a8 100644
--- a/src/components/catalog/views/page/layout/CatalogLayoutBadgeDisplayView.tsx
+++ b/src/components/catalog/views/page/layout/CatalogLayoutBadgeDisplayView.tsx
@@ -37,9 +37,9 @@ export const CatalogLayoutBadgeDisplayView: FC<CatalogLayoutProps> = props =>
                         <>
                             <Base position="relative" overflow="hidden">
                                 <CatalogViewProductWidgetView />
-                                <CatalogLimitedItemWidgetView fullWidth position="absolute" className="top-1" />
                             </Base>
                             <Column grow gap={ 1 }>
+                                <CatalogLimitedItemWidgetView fullWidth />
                                 <Text grow truncate>{ currentOffer.localizationName }</Text>
                                 <Flex justifyContent="end">
                                     <CatalogTotalPriceWidget alignItems="end" />
diff --git a/src/components/catalog/views/page/layout/CatalogLayoutColorGroupingView.tsx b/src/components/catalog/views/page/layout/CatalogLayoutColorGroupingView.tsx
index 80e2f627..f9e90d3a 100644
--- a/src/components/catalog/views/page/layout/CatalogLayoutColorGroupingView.tsx
+++ b/src/components/catalog/views/page/layout/CatalogLayoutColorGroupingView.tsx
@@ -152,7 +152,6 @@ export const CatalogLayoutColorGroupingView : FC<CatalogLayoutColorGroupViewProp
                     <>
                         <Base position="relative" overflow="hidden">
                             <CatalogViewProductWidgetView />
-                            <CatalogLimitedItemWidgetView fullWidth position="absolute" className="top-1" />
                             <CatalogAddOnBadgeWidgetView position="absolute" className="bg-muted rounded bottom-1 end-1" />
                             { currentOffer.product.furnitureData.hasIndexedColor &&
                                 <Button position="absolute" className="bottom-1 start-1" onClick={ event =>setColorsShowing(prev => !prev) }>
@@ -160,6 +159,7 @@ export const CatalogLayoutColorGroupingView : FC<CatalogLayoutColorGroupViewProp
                                 </Button> }
                         </Base>
                         <Column grow gap={ 1 }>
+                            <CatalogLimitedItemWidgetView fullWidth />
                             <Text grow truncate>{ currentOffer.localizationName }</Text>
                             <Flex justifyContent="between">
                                 <Column gap={ 1 }>
diff --git a/src/components/catalog/views/page/layout/CatalogLayoutDefaultView.tsx b/src/components/catalog/views/page/layout/CatalogLayoutDefaultView.tsx
index 79979a53..b497e4e6 100644
--- a/src/components/catalog/views/page/layout/CatalogLayoutDefaultView.tsx
+++ b/src/components/catalog/views/page/layout/CatalogLayoutDefaultView.tsx
@@ -38,12 +38,12 @@ export const CatalogLayoutDefaultView: FC<CatalogLayoutProps> = props =>
                                 { (currentOffer.product.productType !== ProductTypeEnum.BADGE) &&
                                     <>
                                         <CatalogViewProductWidgetView />
-                                        <CatalogLimitedItemWidgetView fullWidth position="absolute" className="top-1" />
                                         <CatalogAddOnBadgeWidgetView className="bg-muted rounded bottom-1 end-1" />
                                     </> }
                                 { (currentOffer.product.productType === ProductTypeEnum.BADGE) && <CatalogAddOnBadgeWidgetView className="scale-2" /> }
                             </Flex>
                             <Column grow gap={ 1 }>
+                                <CatalogLimitedItemWidgetView fullWidth />
                                 <Text grow truncate>{ currentOffer.localizationName }</Text>
                                 <Flex justifyContent="between">
                                     <Column gap={ 1 }>