diff --git a/components/item-info.js b/components/item-info.js
index b98500cd..f7301789 100644
--- a/components/item-info.js
+++ b/components/item-info.js
@@ -252,20 +252,14 @@ function InfoDropdownItem ({ item }) {
{item.createdAt}
cost
{item.cost}
- sats
- {item.sats - item.credits}
- CCs
- {item.credits}
- comment sats
- {item.commentSats - item.commentCredits}
- comment CCs
- {item.commentCredits}
+ stacked
+ {item.sats - item.credits} sats / {item.credits} ccs
+ stacked (comments)
+ {item.commentSats - item.commentCredits} sats / {item.commentCredits} ccs
{me && (
<>
- sats from me
- {item.meSats - item.meCredits}
- CCs from me
- {item.meCredits}
+ from me
+ {item.meSats - item.meCredits} sats / {item.meCredits} ccs
downsats from me
{item.meDontLikeSats}
>
diff --git a/components/item.module.css b/components/item.module.css
index b577e797..8800900e 100644
--- a/components/item.module.css
+++ b/components/item.module.css
@@ -164,6 +164,8 @@ a.link:visited {
display: grid;
grid-template-columns: auto auto;
column-gap: 1rem;
+ line-height: 1.25;
+ row-gap: 0.75rem;
}
/* .itemJob .hunk {