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 {