diff --git a/app/features/object-damage-calculator/calculator.css b/app/features/object-damage-calculator/calculator.css index b2614afb2..8e5a1ca91 100644 --- a/app/features/object-damage-calculator/calculator.css +++ b/app/features/object-damage-calculator/calculator.css @@ -52,10 +52,14 @@ white-space: nowrap; } +.object-damage__weapon-image { + min-width: 24px; +} + .object-damage__distance { color: var(--text-lighter); font-size: var(--fonts-xxs); - margin-block-start: var(--s-1); + margin-block-start: var(--s-0-5); } .object-damage__receiver-image { diff --git a/app/features/object-damage-calculator/routes/object-damage-calculator.tsx b/app/features/object-damage-calculator/routes/object-damage-calculator.tsx index 4c5cde091..c5f9ed6b4 100644 --- a/app/features/object-damage-calculator/routes/object-damage-calculator.tsx +++ b/app/features/object-damage-calculator/routes/object-damage-calculator.tsx @@ -246,24 +246,13 @@ function DamageReceiversGrid({
{children}
{damagesToReceivers[0]?.damages.map((damage) => (
-
-
- {t( - damageTypeTranslationString({ - damageType: damage.type, - }) - )} - {damage.objectShredder && } -
-
- - {t(`weapons:MAIN_${weapon.id}`)} -
+
+ {t( + damageTypeTranslationString({ + damageType: damage.type, + }) + )} + {damage.objectShredder && }
{t("analyzer:distanceInline", { value: damage.distance })}
+
+ + {t(`weapons:MAIN_${weapon.id}`)} +
))} {damagesToReceivers.map((damageToReceiver, i) => {