OPHJOD-887: Fix popup right padding

Opetushallitus · Oct 23, 2024 · df111d2 · df111d2
1 parent 7016a0c
commit df111d2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/lib/components/PopupList/PopupList.tsx b/lib/components/PopupList/PopupList.tsx
@@ -19,7 +19,7 @@ export const PopupList = ({ children, classNames = '' }: PopupListProps) => {
 export const PopupListItem = ({ children, classNames = '' }: PopupListItemProps) => {
   return (
     <div
-      className={`ds-flex ds-items-center ds-gap-3 ds-py-3 ds-text-heading-4 hover:ds-text-accent hover:ds-underline focus:ds-left-auto focus:ds-underline ds-w-full ds-pl-5 ds-rounded ${classNames}`.trim()}
+      className={`ds-flex ds-items-center ds-gap-3 ds-py-3 ds-text-heading-4 hover:ds-text-accent hover:ds-underline focus:ds-left-auto focus:ds-underline ds-w-full ds-px-5 ds-rounded ${classNames}`.trim()}
     >
       {children}
     </div>

diff --git a/lib/components/PopupList/__snapshots__/PopupList.test.tsx.snap b/lib/components/PopupList/__snapshots__/PopupList.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`PopupList > renders the PopupList component correctly 1`] = `
     class="ds-inline-flex ds-flex-col ds-items-start ds-rounded ds-bg-white ds-py-6 ds-px-[20px] ds-shadow-border ds-w-[257px]"
   >
     <div
-      class="ds-flex ds-items-center ds-gap-3 ds-py-3 ds-text-heading-4 hover:ds-text-accent hover:ds-underline focus:ds-left-auto focus:ds-underline ds-w-full ds-pl-5 ds-rounded"
+      class="ds-flex ds-items-center ds-gap-3 ds-py-3 ds-text-heading-4 hover:ds-text-accent hover:ds-underline focus:ds-left-auto focus:ds-underline ds-w-full ds-px-5 ds-rounded"
     >
       <a
         href="/foo"
@@ -15,7 +15,7 @@ exports[`PopupList > renders the PopupList component correctly 1`] = `
       </a>
     </div>
     <div
-      class="ds-flex ds-items-center ds-gap-3 ds-py-3 ds-text-heading-4 hover:ds-text-accent hover:ds-underline focus:ds-left-auto focus:ds-underline ds-w-full ds-pl-5 ds-rounded"
+      class="ds-flex ds-items-center ds-gap-3 ds-py-3 ds-text-heading-4 hover:ds-text-accent hover:ds-underline focus:ds-left-auto focus:ds-underline ds-w-full ds-px-5 ds-rounded"
     >
       <a
         href="/bar"
@@ -24,7 +24,7 @@ exports[`PopupList > renders the PopupList component correctly 1`] = `
       </a>
     </div>
     <div
-      class="ds-flex ds-items-center ds-gap-3 ds-py-3 ds-text-heading-4 hover:ds-text-accent hover:ds-underline focus:ds-left-auto focus:ds-underline ds-w-full ds-pl-5 ds-rounded"
+      class="ds-flex ds-items-center ds-gap-3 ds-py-3 ds-text-heading-4 hover:ds-text-accent hover:ds-underline focus:ds-left-auto focus:ds-underline ds-w-full ds-px-5 ds-rounded"
     >
       <a
         href="/baz"