Fix text-alignment for button data-list items

aragon · Sep 20, 2024 · 1be2894 · 1be2894
1 parent 5e6fc7e
commit 1be2894
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/core/components/dataList/dataListItem/dataListItem.tsx b/src/core/components/dataList/dataListItem/dataListItem.tsx
@@ -19,11 +19,11 @@ export const DataListItem: React.FC<IDataListItemProps> = (props) => {
     const isInteractiveElement = !isSkeletonElement && (isLinkElement || props.onClick != null);
 
     const actionItemClasses = classNames(
-        'w-full rounded-xl border border-neutral-100 bg-neutral-0 px-4 py-3 outline-none transition-all focus:outline-none', // Default
+        'w-full rounded-xl border border-neutral-100 bg-neutral-0 px-4 py-3 text-left outline-none transition-all focus:outline-none', // Default
         { 'focus-visible:ring focus-visible:ring-primary focus-visible:ring-offset': isInteractiveElement }, // Interactive focus state
         { 'hover:border-neutral-200 hover:shadow-neutral-md active:border-neutral-300': isInteractiveElement }, // Interactive hover state
         { 'cursor-pointer': isInteractiveElement }, // Interactive default state
-        { 'cursor-default text-left ': !isInteractiveElement }, // Non-interactive default state
+        { 'cursor-default': !isInteractiveElement }, // Non-interactive default state
         'md:px-6 md:py-3.5', // Responsive
         className,
     );

diff --git a/...s/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.tsx b/...s/proposal/proposalDataListItem/proposalDataListItemStatus/proposalDataListItemStatus.tsx
@@ -43,14 +43,14 @@ export const ProposalDataListItemStatus: React.FC<IProposalDataListItemStatusPro
     const { copy } = useOdsModulesContext();
 
     return (
-        <div className="flex items-center gap-x-4 md:gap-x-6">
+        <div className="flex w-full items-center justify-between gap-x-4 md:gap-x-6">
             <Tag
                 label={copy.proposalDataListItemStatus.statusLabel[status]}
                 variant={proposalStatusToTagVariant[status]}
                 className="shrink-0"
             />
             {showStatusMetadata && (
-                <div className="flex flex-1 items-center justify-end gap-x-2 md:gap-x-3">
+                <div className="flex items-center gap-x-2 md:gap-x-3">
                     <span
                         className={classNames('text-sm leading-tight md:text-base', {
                             'text-info-800': status === ProposalStatus.ACTIVE,