New source found from dndbeyond.com

ddb_main/tools/js/Shared/components/ActionDetail/ActionDetail.tsx

@@ -62,8 +62,6 @@ interface Props {
   theme?: CharacterTheme;
 }
 
-const infoItemProps = { role: "listItem", inline: true };
-
 export const ActionDetail = ({
   showCustomize = true,
   largePoolMinAmount = 11,
@@ -79,6 +77,8 @@ export const ActionDetail = ({
   theme,
   inventoryLookup,
 }: Props) => {
+  const infoItemProps = { role: "listItem", inline: true };
+
   const handleRemoveCustomizations = () => {
     if (onCustomizationsRemove) {
       onCustomizationsRemove();
@@ -427,17 +427,17 @@ export const ActionDetail = ({
           </InfoItem>
         )}
         {attackSubtypeId && (
-          <InfoItem label="Attack Type:">
+          <InfoItem label="Attack Type:" {...infoItemProps}>
             {ActionUtils.getAttackSubtypeName(action)}
           </InfoItem>
         )}
         {requiresAttackRoll && (
-          <InfoItem label="To Hit:">
+          <InfoItem label="To Hit:" {...infoItemProps}>
             <NumberDisplay type="signed" number={toHit} />
           </InfoItem>
         )}
         {requiresSavingThrow && (
-          <InfoItem label="Attack/Save:">
+          <InfoItem label="Attack/Save:" {...infoItemProps}>
             {saveStateId !== null
               ? RuleDataUtils.getStatNameById(saveStateId, ruleData)
               : ""}{" "}
@@ -446,14 +446,14 @@ export const ActionDetail = ({
         )}
         {renderDamageProperties()}
         {requiresAttackRoll && (
-          <InfoItem label="Stat:">
+          <InfoItem label="Stat:" {...infoItemProps}>
             {statId === null
               ? "--"
               : RuleDataUtils.getStatNameById(statId, ruleData)}
           </InfoItem>
         )}
         {rangeAreas.length > 0 && (
-          <InfoItem label="Range/Area:">
+          <InfoItem label="Range/Area:" {...infoItemProps}>
             {rangeAreas.map((node, idx) => (
               <React.Fragment key={idx}>
                 {node}
@@ -462,8 +462,16 @@ export const ActionDetail = ({
             ))}
           </InfoItem>
         )}
-        {isProficient && <InfoItem label="Proficient:">Yes</InfoItem>}
-        {notes && <InfoItem label="Notes:">{notes}</InfoItem>}
+        {isProficient && (
+          <InfoItem label="Proficient:" {...infoItemProps}>
+            Yes
+          </InfoItem>
+        )}
+        {notes && (
+          <InfoItem label="Notes:" {...infoItemProps}>
+            {notes}
+          </InfoItem>
+        )}
       </div>
     );
   };