From 10c3d29b4004eba278f5fa1425d3b0931d79259a Mon Sep 17 00:00:00 2001
From: CDS Translator Agent <ovh-ux-cds@users.noreply.github.com>
Date: Fri, 27 Sep 2024 11:01:04 +0000
Subject: [PATCH 1/2] fix(i18n): add missing translations [CDS 3343]

Signed-off-by: CDS Translator Agent <opensource@ovh.net>

From 6cc87c9572363a4bf74043f6e6d283805af42c07 Mon Sep 17 00:00:00 2001
From: Pierre-Philippe <pierre-philippe.prevost.ext@ovhcloud.com>
Date: Wed, 22 Jan 2025 17:57:18 +0100
Subject: [PATCH 2/2] fix(pci.private-registry): css update of PlanChooser Tile

ref: TAPC-2646
Signed-off-by: Pierre-Philippe <pierre-philippe.prevost.ext@ovhcloud.com>
---
 .../src/components/Plan.component.tsx           | 17 +++++++----------
 .../src/components/PlanChooser.component.tsx    |  1 -
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/packages/manager/apps/pci-private-registry/src/components/Plan.component.tsx b/packages/manager/apps/pci-private-registry/src/components/Plan.component.tsx
index 0670f73134aa..6c37671691df 100644
--- a/packages/manager/apps/pci-private-registry/src/components/Plan.component.tsx
+++ b/packages/manager/apps/pci-private-registry/src/components/Plan.component.tsx
@@ -44,8 +44,8 @@ export default function PlanComponent({
   const { formatBytes } = useBytes();
 
   return (
-    <div className="w-full">
-      <div className="border-solid border border-t-0 border-x-0 border-[--ods-color-blue-200] my-4 py-4 mx-8">
+    <div className="grid grid-cols-1 gap-2 text-left text w-full">
+      <div className="text-center">
         <OsdsText
           data-testid="name"
           color={ODS_THEME_COLOR_INTENT.text}
@@ -54,9 +54,10 @@ export default function PlanComponent({
         >
           {plan.name[0]}
         </OsdsText>
+        <hr className="w-full border-solid border-0 border-b border-b-[#85d9fd]" />
       </div>
       {isPending && (
-        <div className="min-h-[10rem] mx-6">
+        <div className="min-h-[10rem] mx-6 text-center">
           <OsdsSkeleton />
           <OsdsSkeleton />
           <OsdsSkeleton />
@@ -65,7 +66,7 @@ export default function PlanComponent({
         </div>
       )}
       {!isPending && (
-        <ul className="list-none p-0 m-0 min-h-[8rem] mx-8">
+        <ul className="list-none p-0 min-h-[8rem] mx-8">
           <li data-testid="capacity">
             <OsdsText
               color={ODS_THEME_COLOR_INTENT.text}
@@ -150,12 +151,8 @@ export default function PlanComponent({
           )}
         </ul>
       )}
-      <div
-        className={clsx(
-          'border-solid border border-b-0 border-x-0 border-[--ods-color-blue-200] mb-2 pt-4 mt-9 text-center py-4',
-        )}
-        data-testid="price"
-      >
+      <div data-testid="price">
+        <hr className="w-full border-solid border-0 border-b border-b-[#85d9fd]" />
         <OsdsText
           color={ODS_THEME_COLOR_INTENT.text}
           level={ODS_THEME_TYPOGRAPHY_LEVEL.body}
diff --git a/packages/manager/apps/pci-private-registry/src/components/PlanChooser.component.tsx b/packages/manager/apps/pci-private-registry/src/components/PlanChooser.component.tsx
index ccda216adbdb..9e6f1082febf 100644
--- a/packages/manager/apps/pci-private-registry/src/components/PlanChooser.component.tsx
+++ b/packages/manager/apps/pci-private-registry/src/components/PlanChooser.component.tsx
@@ -21,7 +21,6 @@ export default function PlanChooser({
         onInput(v);
       }}
       label={(item) => <PlanComponent plan={item} />}
-      tileClass={{ active: 'p-0', inactive: 'p-0' }}
     />
   );
 }